← Accessibility lesson New set →

App Dev Worksheet: Accessibility

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

Answer key

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

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