← Accessibility lesson New set →

App Dev Worksheet: Accessibility

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

Answer key

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

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