← Accessibility lesson New set →

App Dev Worksheet: Accessibility

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

Answer key

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

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