← Accessibility lesson New set →

App Dev Worksheet: Accessibility

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

Answer key

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

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