App Dev Worksheet: Accessibility

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

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