App Dev Worksheet: Accessibility

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

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