← Accessibility lesson New set →

App Dev Worksheet: Accessibility

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

Answer key

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

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