← Accessibility lesson New set →

App Dev Worksheet: Accessibility

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

Answer key

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

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