← Accessibility lesson New set →

App Dev Worksheet: Accessibility

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

Answer key

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

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