App Dev Worksheet: Accessibility

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

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