← Accessibility lesson New set →

App Dev Worksheet: Accessibility

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

Answer key

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

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