App Dev Worksheet: Accessibility

App development lesson 13: Accessibility · Set 17 · 40 questions

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.

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

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