App Dev Worksheet: Accessibility

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

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