How would you design an accessibility audit for CSS that includes color contrast, focus states, and motion?

How would you design an accessibility audit for CSS that includes color contrast, focus states, and motion?

• A. Ignore color contrast requirements.
• B. Check color contrast ratios, ensure visible focus indicators, verify skip links, and respect reduced motion preferences; test with assistive tech.
• C. Only test color contrast for text on white backgrounds.
• D. Assume accessibility is automatic.

Answer: (B)

An effective CSS accessibility audit centers on readability, keyboard navigation, and motion behavior, with practical checks that reflect real usage. Checking color contrast ratios ensures text and UI elements meet WCAG thresholds so content remains legible for people with low vision or color differences. Making focus indicators clearly visible is essential for keyboard users to know which element is active as they tab through the page. Verifying skip links helps users who rely on keyboard navigation or screen readers jump straight to the main content, improving efficiency and reducing fatigue. Respecting reduced motion preferences means adapting or removing animations for those who are sensitive to motion, which reduces discomfort and potential disorientation. Testing with assistive technologies—screen readers, magnifiers, and keyboard-only workflows—helps confirm that these practices actually work in practice. Other options fall short because they miss critical accessibility needs: ignoring color contrast undermines readability; checking contrast only for text on white backgrounds ignores many real-world scenarios; and assuming accessibility is automatic neglects the actual work needed to accommodate diverse users.

An effective CSS accessibility audit centers on readability, keyboard navigation, and motion behavior, with practical checks that reflect real usage. Checking color contrast ratios ensures text and UI elements meet WCAG thresholds so content remains legible for people with low vision or color differences. Making focus indicators clearly visible is essential for keyboard users to know which element is active as they tab through the page. Verifying skip links helps users who rely on keyboard navigation or screen readers jump straight to the main content, improving efficiency and reducing fatigue. Respecting reduced motion preferences means adapting or removing animations for those who are sensitive to motion, which reduces discomfort and potential disorientation. Testing with assistive technologies—screen readers, magnifiers, and keyboard-only workflows—helps confirm that these practices actually work in practice.

Other options fall short because they miss critical accessibility needs: ignoring color contrast undermines readability; checking contrast only for text on white backgrounds ignores many real-world scenarios; and assuming accessibility is automatic neglects the actual work needed to accommodate diverse users.