Web Accessibility Flashcards

What does ARIA stand for in the context of web accessibility?

Answer: Accessible Rich Internet Applications

ARIA (Accessible Rich Internet Applications) is a W3C specification that adds semantic meaning to HTML elements for assistive technologies.

Which HTML attribute correctly associates a `` element with an `` field?

Answer: for

The `for` attribute on a `` must match the `id` of the associated input, creating a programmatic link that benefits both screen reader users and mouse users.

What is the primary purpose of a 'skip navigation' link at the top of a web page?

Answer: To allow keyboard users to bypass repetitive navigation and jump to main content

Skip navigation links let keyboard and screen reader users skip past repetitive header/nav content to reach the main content quickly, avoiding tedious tabbing.

What is the purpose of `aria-live` regions in a web application?

Answer: To announce dynamic content updates to screen reader users without requiring focus

`aria-live` marks a region so that screen readers automatically announce content changes within it, which is essential for notifications, alerts, and chat messages.

According to WCAG 2.1, Success Criterion 2.1.1 requires that all functionality be operable via what?

Answer: Keyboard alone

SC 2.1.1 (Keyboard) requires all functionality to be available from a keyboard, ensuring users who cannot use a pointer device can fully interact with the site.

Which semantic HTML element is the appropriate replacement for ``?

Answer:

The `` element is the semantic equivalent and exposes a `banner` landmark role when it is a direct child of ``, aiding assistive technology navigation.

What value of `role` should be used on a modal dialog element to properly convey its purpose to screen readers?

Answer: role="dialog"

`role="dialog"` tells screen readers the element is a dialog, prompting them to announce it as such and manage focus expectations accordingly.