App Dev Worksheet: Accessibility

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

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