← Accessibility lesson New set →

App Dev Worksheet: Accessibility

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

Answer key

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

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