← Accessibility lesson New set →

App Dev Worksheet: Accessibility

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

Answer key

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

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