← Accessibility lesson New set →

App Dev Worksheet: Accessibility

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

Answer key

  1. strong colour contrast
  2. Title
  3. Menu
  4. True
  5. helps everyone
  6. makes it harder
  7. Caption
  8. Hint
  9. labels on every icon
  10. helps everyone
  11. 2
  12. tiny tap areas
  13. True
  14. colour-blind users
  15. sudden loud sounds
  16. False
  17. 3
  18. reads the screen aloud
  19. Footer
  20. True
  21. big touch targets
  22. Menu
  23. 3
  24. 0
  25. 1
  26. Hint
  27. True
  28. 4
  29. fast-flashing lights
  30. False
  31. Caption
  32. Caption
  33. 2
  34. Label
  35. Title
  36. 0
  37. False
  38. icons with no labels
  39. 6
  40. big touch targets

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