App Dev Worksheet: Accessibility

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

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