← Accessibility lesson New set →

App Dev Worksheet: Accessibility

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

Answer key

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

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