App Dev Worksheet: Accessibility

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

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