← Accessibility lesson New set →

App Dev Worksheet: Accessibility

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

Answer key

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

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