How can CSS3 contribute to creating an accessible user interface?

Question

Options

• ABy enabling JavaScript interactions.
• BBy using :focus and :hover states effectively.
• CBy optimizing images for faster loading.
• DBy using fixed units for font sizes.

• B
  93% (26)
• C
  4% (1)
• D
  4% (1)

Explanation

CSS3 directly supports accessibility through :focus and :hover pseudo-classes, which provide visible keyboard and mouse feedback - essential for users who rely on keyboard navigation or have motor impairments. Without a visible focus indicator, keyboard-only users cannot tell which element is currently active, violating WCAG guidelines. Option A is wrong because CSS3 doesn't enable JavaScript interactions; that's the role of JS itself. Option C (image optimization) is a performance concern, not a CSS accessibility feature. Option D is the opposite of accessible - fixed units like px for fonts prevent users from scaling text via browser settings, while relative units (rem, em) should be preferred instead.

Memory tip: Think "focus = access" - if a user can't see where they are on the page, they can't use the page. :focus is the CSS tool that makes navigation visible.

No community discussion yet for this question.