← Accessibility lesson New set →

App Dev Worksheet: Accessibility

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

Answer key

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

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