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

To display live video content accessibly

Answer

To trigger real-time API calls

Answer

To show a live chat feed on the page

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

polite reads immediately; assertive waits for the user to be idle

Answer

polite is for errors; assertive is for success messages

Answer

There is no functional difference

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

Remove the modal from the DOM when closed

Answer

Set tabindex=-1 on all page elements

Answer

Add role=dialog to the body element

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

It removes the element from the tab order

Answer

It sets the element as the first focusable item on the page

Answer

It hides the element from screen readers

Question 5

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

Accepted Answer

<h1>

Answer

<h2>

Answer

<h3>

Answer

Any level as long as it is visually large

Question 6

What does WCAG 2.1 success criterion 1.4.4 require regarding text resize?

Accepted Answer

Text must be resizable up to 200% without loss of content or functionality

Answer

Text must use a minimum font size of 16px

Answer

Text must reflow to a single column on mobile

Answer

Text must support high-contrast mode

Question 7

Which of the following is the correct use of `role="alert"` in an accessible web application?

Accepted Answer

Apply it to a container that displays important, time-sensitive messages to users

Answer

Apply it to the page header to announce the page title

Answer

Apply it to all error fields in a form at page load

Answer

Apply it to the navigation menu to alert users of new links