App Dev Worksheet: Accessibility

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

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