← Accessibility lesson New set →

App Dev Worksheet: Accessibility

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

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