Accessibility essentials check

Loading learning content…

Question 1 of 12What is the primary goal of accessible interface design?

Allow people with different abilities and interaction methods to perceive and operate the interfaceCreate a separate visual theme used only by disabled usersRemove all visual styling from the application

Question 2 of 12Why should native HTML controls usually be preferred over generic elements with custom click handlers?

Native controls already provide semantics and expected interaction behaviorNative controls cannot be styled with CSSNative controls never work with JavaScript

Question 3 of 12What is a major benefit of page landmarks such as nav and main?

They allow assistive technology users to navigate between major page regionsThey automatically control the site's typographyThey divide database tables into sections

Question 4 of 12What should be true of essential interactive functionality?

It should be usable with a keyboard without requiring a mouseIt should require a mouse for accurate interactionIt should be available only while hovering

Question 5 of 12What should happen when a keyboard user moves focus to an interactive element?

The interface should provide a visible focus indicatorAll focus indication should disappearThe page should automatically scroll back to the top

Question 6 of 12What does an icon-only button need when the icon itself does not provide an accessible text name?

A meaningful accessible name such as aria-labelA positive tabindex value such as tabindex="5"A CSS background image containing text

Question 7 of 12What should normally identify the purpose of a form input?

A programmatically associated visible labelOnly placeholder text inside the inputThe background color of the input

Question 8 of 12Why should an error state not be communicated only by changing an input border to red?

Some users may not perceive the color difference, so another indicator is neededRed cannot be displayed by web browsersAssistive technologies automatically hide every border

Question 9 of 12What alt attribute should a purely decorative image normally use?

alt=""alt containing the image filenameA detailed description even though the image conveys no information

Question 10 of 12Which media feature helps respect users who prefer less animation?

prefers-reduced-motionhoverorientation

Question 11 of 12When should ARIA generally be used?

When native HTML cannot provide the semantics or relationships the interface requiresTo replace semantic HTML whenever possiblePrimarily to control visual colors and spacing

Question 12 of 12When can an aria-live region be useful?

When an important dynamic status update should be announced without moving focusWhenever any visual animation occursFor every static heading already visible on page load

Choose one answer for every question, then check your answers.