App Dev Worksheet: Accessibility

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

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