← Accessibility lesson New set →

App Dev Worksheet: Accessibility

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

Answer key

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

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