← Accessibility lesson New set →

App Dev Worksheet: Accessibility

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

Answer key

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

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