App Dev Worksheet: Accessibility

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

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