← Accessibility lesson New set →

App Dev Worksheet: Accessibility

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

Answer key

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

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