← Accessibility lesson New set →

App Dev Worksheet: Accessibility

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

Answer key

  1. helps everyone
  2. captions on videos
  3. Label
  4. 4
  5. a text label
  6. False
  7. False
  8. big touch targets
  9. True
  10. Label
  11. everyone
  12. Label
  13. Footer
  14. 3
  15. reads the screen aloud
  16. helps everyone
  17. Title
  18. 1
  19. Title
  20. sudden loud sounds
  21. big touch targets
  22. colour as the only clue
  23. Title
  24. 1
  25. helps everyone
  26. 2
  27. tiny tap areas
  28. Footer
  29. icons with no labels
  30. text that can grow
  31. True
  32. labels on every icon
  33. tiny tap areas
  34. 6
  35. Menu
  36. helps everyone
  37. 2
  38. False
  39. Hint
  40. 1

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