← Accessibility lesson New set →

App Dev Worksheet: Accessibility

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

Answer key

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

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