← Accessibility lesson New set →

App Dev Worksheet: Accessibility

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

Answer key

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

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