← Accessibility lesson New set →

App Dev Worksheet: Accessibility

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

Answer key

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

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