← Accessibility lesson New set →

App Dev Worksheet: Accessibility

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

Answer key

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

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