Practice Accessibility in CS Thinking

Use these practice problems to test your method after reviewing the concept explanation and worked examples.

Worksheet PDF Free Answer-key PDF Family

Quick Recap

The design of products, devices, and environments so that people with disabilities can use them effectively. Accessibility (often abbreviated a11y) includes features like screen readers, captions, keyboard navigation, high-contrast modes, and alt-text for images.

Accessibility means designing technology so everyone can use it — not just people with perfect vision, hearing, and motor control.

Showing a random 20 of 50 problems.

Example 1

medium
Evaluate the accessibility of a mobile app that has small touch targets (tiny buttons), no support for text resizing, and time-limited forms that auto-submit after 30 seconds. Suggest improvements.

Example 2

hard
A page uses a flashing GIF banner. Which group is at concrete risk of harm, and what standard governs the rate?

Example 3

medium
A landing page uses a 14 px light-gray sans-serif on a white background. Identify two distinct accessibility problems and one fix each.

Example 4

medium
A website uses images without alt text and relies entirely on colour to convey information (red = error, green = success). Explain why this is an accessibility problem and how to fix it.

Example 5

easy
True or False: a website with no keyboard navigation is inaccessible to users who cannot use a mouse.

Example 6

easy
Which feature helps a user with low vision read text more easily?

Example 7

hard
A team has time for ONE fix: (a) add high-contrast theme to settings page, or (b) fix unfocusable buttons on the primary purchase flow. Which has higher impact and why?

Example 8

medium
A signup form sets `alt=''` on every photo and labels submit-button as a colored icon. Which a11y issue is unique to screen-reader users?

Example 9

hard
An e-commerce checkout fails WCAG by relying on red border for errors and not announcing errors to screen readers. Propose two distinct fixes — one for color-blind users and one for screen-reader users.

Example 10

easy
Which feature describes an image to a screen reader user?

Example 11

medium
A button is shown only as a colored icon with no text label. Which two groups are most affected, and what is the fix?

Example 12

hard
An AI-generated alt-text feature labels a wheelchair photo 'broken chair'. Identify the two distinct concerns (accessibility and AI ethics) and the safer design.

Example 13

easy
Which accessibility feature helps a blind user understand an image on a webpage?

Example 14

challenge
Evaluate the accessibility tradeoffs of an animation-heavy hero on the homepage. Name two harms, two mitigations, and one stakeholder group that benefits from the mitigations.

Example 15

medium
Match each disability category to a primary feature: motor, vision, hearing, cognitive.

Example 16

challenge
A team must prioritize accessibility fixes with limited time: (a) add captions to one rarely watched video, (b) fix keyboard access on the main checkout flow used by everyone. Which has higher impact and why?

Example 17

easy
Which feature helps a deaf user follow a video's spoken dialogue?

Example 18

medium
Why is retrofitting accessibility into a finished product usually worse than designing for it upfront?

Example 19

medium
Auto-generated captions on a lecture video contain many transcription errors. Why does this still fail accessibility, and what is the fix?

Example 20

easy
Besides vision and hearing, name one other category of disability accessibility must consider.
← Back to Accessibility Worked Examples