Web Programming Web Accessibility and ARIA

Question 1

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

Accepted Answer

Accessible Rich Internet Applications

Answer

Automated Responsive Interface Architecture

Answer

Advanced Rendering Interface API

Answer

Application Runtime Integration Attributes

Question 2

Which HTML attribute is used to provide a text alternative for an image for screen readers?

Accepted Answer

alt

Answer

title

Answer

aria-label

Answer

aria-describedby

Question 3

What is the correct WCAG principle that requires content to be understandable to users?

Accepted Answer

Understandable

Answer

Perceivable

Answer

Operable

Answer

Robust

Question 4

Which ARIA role should be applied to a navigation landmark element that doesn't use the native <nav> tag?

Accepted Answer

role="navigation"

Answer

role="main"

Answer

role="banner"

Answer

role="region"

Question 5

What minimum color contrast ratio does WCAG 2.1 AA require for normal body text?

Accepted Answer

4.5:1

Answer

3:1

Answer

7:1

Answer

2:1

Question 6

Which attribute should be used to associate a form input with its label when they are not adjacent in the DOM?

Accepted Answer

aria-labelledby

Answer

aria-label

Answer

aria-describedby

Answer

for

Question 7

What does `aria-hidden="true"` do when applied to an element?

Accepted Answer

Removes the element from the accessibility tree

Answer

Hides the element visually on screen

Answer

Prevents the element from receiving keyboard focus

Answer

Both hides it visually and removes it from the accessibility tree