← Accessibility lesson New set →

App Dev Worksheet: Accessibility

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

Answer key

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

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