← Accessibility lesson New set →

App Dev Worksheet: Accessibility

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

Answer key

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

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