← Accessibility lesson New set →

App Dev Worksheet: Accessibility

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

Answer key

  1. Hint
  2. colour-blind users
  3. strong colour contrast
  4. helps everyone
  5. True
  6. 2
  7. tiny tap areas
  8. Title
  9. Body text
  10. 1
  11. 2
  12. captions on videos
  13. True
  14. 2
  15. Footer
  16. colour as the only clue
  17. tiny tap areas
  18. Body text
  19. 1
  20. captions on videos
  21. text that can grow
  22. 1
  23. 1
  24. helps everyone
  25. 9
  26. Body text
  27. fast-flashing lights
  28. True
  29. 5
  30. Title
  31. sudden loud sounds
  32. True
  33. big touch targets
  34. helps everyone
  35. Label
  36. Hint
  37. 2
  38. 2
  39. text that can grow
  40. Body text

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