← Accessibility lesson New set →

App Dev Worksheet: Accessibility

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

Answer key

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

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