← Accessibility lesson New set →

App Dev Worksheet: Accessibility

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

Answer key

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

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