← Accessibility lesson New set →

App Dev Worksheet: Accessibility

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

Answer key

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

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