Web Accessibility Flashcards

What does WCAG stand for?

Answer: Web Content Accessibility Guidelines

WCAG stands for Web Content Accessibility Guidelines, the international standard for making web content accessible to people with disabilities.

Which HTML attribute provides alternative text for images, enabling screen readers to describe them?

Answer: alt

The `alt` attribute on `` elements provides a text alternative that screen readers announce when the image cannot be seen.

What is the minimum color contrast ratio for normal-sized body text to meet WCAG 2.1 Level AA?

Answer: 4.5:1

WCAG 2.1 Level AA requires a contrast ratio of at least 4.5:1 for normal text to ensure readability for users with low vision.

Which semantic HTML element should be used to wrap the primary content of a web page?

Answer:

The `` element represents the dominant content of the document and should appear only once per page, providing a landmark for screen reader users.

What does setting `tabindex="0"` on a non-interactive element achieve?

Answer: Adds the element to the natural tab order

A `tabindex` of `0` inserts the element into the tab order at its natural DOM position, making it keyboard-focusable without altering the order.

Which ARIA attribute hides an element and all its children from the accessibility tree?

Answer: aria-hidden="true"

`aria-hidden="true"` removes the element from the accessibility tree so screen readers completely ignore it, useful for decorative content.

Which HTML element is the most semantically correct for a site-wide navigation menu?

Answer:

The `` element is the dedicated semantic element for navigation, automatically exposing a `navigation` landmark role to assistive technologies.