← Accessibility lesson New set →

App Dev Worksheet: Accessibility

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

Answer key

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

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