← Accessibility lesson New set →

App Dev Worksheet: Accessibility

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

Answer key

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

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