← Accessibility lesson New set →

App Dev Worksheet: Accessibility

App development lesson 13: Accessibility · Set 736 · 40 questions
TalentJR

Developer's tip (Design for everyone): Our rule: text is at least 16 px; every icon has a text label for screen readers. Add captions to videos; never use colour as the only clue. Big touch targets and strong contrast help everyone.

NameDateTime takenScore ___ / 40
  1. 1.Which of these helps everyone use the app? (a) big touch targets (b) icons with no labels (c) tiny tap areas (d) colour as the only clue
  2. 2.♿ Does this help everyone, or make the app harder to use: icons with no labels? (a) helps everyone (b) makes it harder
  3. 3.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Hint: 14 px
    Caption: 26 px
    Menu: 16 px
    (a) Caption (b) Menu (c) Hint
  4. 4.♿ Showing right or wrong only in red and green is a problem for ___. (a) fast typists (b) colour-blind users (c) the server (d) the battery
  5. 5.Which of these helps everyone use the app? (a) colour as the only clue (b) sudden loud sounds (c) icons with no labels (d) labels on every icon
  6. 6.♿ Does this help everyone, or make the app harder to use: fast-flashing lights? (a) makes it harder (b) helps everyone
  7. 7.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Title: 22 px
    Caption: 9 px
    Menu: 25 px
    (a) Caption (b) Title (c) Menu
  8. 8.♿ What should every icon-only button have for screen readers? (a) a text label (b) a bright colour (c) a sound (d) a long animation
  9. 9.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Label: 20 px
    Footer: 10 px
    Hint: 18 px
    (a) Hint (b) Label (c) Footer
  10. 10.🔍 Which is the odd one out? (a) tiny tap areas (b) strong colour contrast (c) big touch targets (d) labels on every icon
  11. 11.Which of these helps everyone use the app? (a) sudden loud sounds (b) tiny tap areas (c) strong colour contrast (d) fast-flashing lights
  12. 12.True or false: “strong colour contrast” helps everyone use the app. (a) False (b) True
  13. 13.True or false: “sudden loud sounds” helps everyone use the app. (a) False (b) True
  14. 14.♿ Why add captions to videos? (a) so anyone can follow (b) to hide the sound (c) to slow them down (d) to add colour
  15. 15.True or false: “big touch targets” makes the app harder to use. (a) False (b) True
  16. 16.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Footer: 28 px
    Title: 9 px
    Hint: 26 px
    (a) Hint (b) Footer (c) Title
  17. 17.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Footer: 21 px
    Body text: 26 px
    Hint: 19 px
    Title: 27 px
    Menu: 11 px
    (a) Body text (b) Menu (c) Footer (d) Hint
  18. 18.Which of these makes the app harder to use? (a) strong colour contrast (b) labels on every icon (c) captions on videos (d) sudden loud sounds
  19. 19.🔍 Which is the odd one out? (a) sudden loud sounds (b) labels on every icon (c) text that can grow (d) strong colour contrast
  20. 20.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Hint: 24 px
    Body text: 20 px
    Footer: 14 px
    Caption: 19 px
    Menu: 13 px
  21. 21.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Menu: 28 px
    Footer: 21 px
    Caption: 22 px
    Title: 16 px
    Label: 11 px
    (a) Footer (b) Caption (c) Menu (d) Label
  22. 22.🔍 Which is the odd one out? (a) icons with no labels (b) labels on every icon (c) strong colour contrast (d) text that can grow
  23. 23.Which of these helps everyone use the app? (a) colour as the only clue (b) sudden loud sounds (c) icons with no labels (d) text that can grow
  24. 24.♿ Accessibility means an app works for ___. (a) only the coder (b) only experts (c) everyone (d) nobody
  25. 25.True or false: “text that can grow” makes the app harder to use. (a) True (b) False
  26. 26.♿ What does a screen reader do? (a) takes photos (b) plays music (c) makes text tiny (d) reads the screen aloud
  27. 27.♿ A screen has 10 icon buttons. Only 4 of them have a text label for screen readers. How many still need a label?
  28. 28.True or false: “labels on every icon” makes the app harder to use. (a) True (b) False
  29. 29.♿ A screen has 9 icon buttons. Only 4 of them have a text label for screen readers. How many still need a label?
  30. 30.🔍 Which is the odd one out? (a) captions on videos (b) fast-flashing lights (c) text that can grow (d) strong colour contrast
  31. 31.🔍 Which is the odd one out? (a) tiny tap areas (b) fast-flashing lights (c) colour as the only clue (d) captions on videos
  32. 32.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Footer: 12 px
    Menu: 23 px
    Hint: 17 px
    Label: 18 px
    Title: 17 px
    (a) Label (b) Hint (c) Menu (d) Footer
  33. 33.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Hint: 24 px
    Caption: 19 px
    Title: 17 px
    Label: 19 px
  34. 34.♿ Does this help everyone, or make the app harder to use: colour as the only clue? (a) helps everyone (b) makes it harder
  35. 35.🔍 Which is the odd one out? (a) colour as the only clue (b) icons with no labels (c) labels on every icon (d) fast-flashing lights
  36. 36.Which of these makes the app harder to use? (a) big touch targets (b) fast-flashing lights (c) text that can grow (d) strong colour contrast
  37. 37.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Caption: 12 px
    Menu: 18 px
    Body text: 26 px
    Hint: 23 px
    (a) Body text (b) Menu (c) Hint (d) Caption
  38. 38.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Hint: 28 px
    Menu: 10 px
    Footer: 24 px
    Title: 25 px
    Caption: 24 px
    (a) Title (b) Hint (c) Menu (d) Footer
  39. 39.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Label: 28 px
    Footer: 10 px
    Title: 16 px
    (a) Label (b) Title (c) Footer
  40. 40.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Menu: 12 px
    Caption: 23 px
    Title: 18 px
    Hint: 12 px
    Footer: 16 px

Answer key

  1. big touch targets
  2. makes it harder
  3. Hint
  4. colour-blind users
  5. labels on every icon
  6. makes it harder
  7. Caption
  8. a text label
  9. Footer
  10. tiny tap areas
  11. strong colour contrast
  12. True
  13. False
  14. so anyone can follow
  15. False
  16. Title
  17. Menu
  18. sudden loud sounds
  19. sudden loud sounds
  20. 2
  21. Label
  22. icons with no labels
  23. text that can grow
  24. everyone
  25. False
  26. reads the screen aloud
  27. 6
  28. False
  29. 5
  30. fast-flashing lights
  31. captions on videos
  32. Footer
  33. 0
  34. makes it harder
  35. labels on every icon
  36. fast-flashing lights
  37. Caption
  38. Menu
  39. Footer
  40. 2

Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students