Web Programming Web Accessibility and ARIA 3

Question 1

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

Accepted Answer

To announce dynamic content changes to screen reader users automatically

Answer

`aria-live` regions instruct screen readers to automatically announce content changes within that region, such as status messages or search results.

Question 2

What is the difference between `aria-live="polite"` and `aria-live="assertive"`?

Accepted Answer

assertive interrupts the user immediately; polite waits until the user is idle

Answer

`assertive` interrupts the current screen reader speech immediately, while `polite` waits until the user is idle before announcing the update.

Question 3

Which technique ensures focus is managed correctly when a modal dialog opens?

Accepted Answer

Move focus to the modal and trap it inside until the dialog closes

Answer

When a modal opens, focus must be moved inside it and trapped so keyboard users cannot accidentally interact with background content.

Question 4

What is the purpose of `tabindex="0"` on a non-interactive element?

Accepted Answer

It makes the element focusable via keyboard in its natural DOM order

Answer

`tabindex="0"` adds a non-interactive element (like a `

`) into the natural tab order, making it focusable by keyboard users.

Question 5

Which heading level should be used for the main title of a page's primary content area?

Accepted Answer

<h1>

Answer

Every page should have a single `<h1>` that describes the main topic of the page, providing a logical heading structure for screen reader navigation.

Web Programming Practice Test