App Dev Worksheet: Accessibility

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

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