App Dev Worksheet: Accessibility

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

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