App Dev Worksheet: Accessibility

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