← Accessibility lesson New set →

App Dev Worksheet: Accessibility

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

Answer key

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

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