App Dev Worksheet: Accessibility

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

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