Web Accessibility Essentials: final quiz

Ten questions covering the whole Web Accessibility Essentials course.

Beginner
10 questions

10 questions. Pass mark 70%.

Question 1 of 10 To conform to WCAG 2.2 at level AA, a page must meet which success criteria?
- All level A and all level AA success criteria
- All level AA success criteria only
- At least 85% of the level A and AA success criteria
- All level A, AA and AAA success criteria
Question 2 of 10 An icon sits inside a link next to the visible text “Basket”. What should the image’s alt attribute be?
HTML
```
<a href="/basket">
  <img src="basket-icon.svg" alt="?">
  Basket
</a>
```
- alt=""
- alt="Basket icon"
- Leave the alt attribute out
- alt="Image of a basket"
Question 3 of 10 What is the minimum contrast ratio for normal-sized body text under 1.4.3 Contrast (Minimum)?
- 4.5:1
- 3:1
- 7:1
- 2:1
Question 4 of 10 Which tabindex values should you use in real projects?
Select all that apply.
- tabindex="0" to add a custom widget to the tab order
- tabindex="-1" to make an element focusable by script only
- tabindex="5" to move an important button earlier in the tab order
Question 5 of 10 What is the accessible name of this button?
HTML
```
<button type="button" aria-label="Close">X</button>
```
- Close
- X
- X Close
- It has no accessible name
Question 6 of 10 What does adding role="button" to a <div> do on its own?
- It tells assistive technology the element is a button, but adds no focus or keyboard behaviour
- It makes the div focusable and operable with Enter and Space
- It makes the div behave exactly like a native button element
Question 7 of 10 A control opens a dialog without changing the URL. Which element should it be?
- <button type="button">
- <a href="#">
- <div onclick="...">
- <span role="link">
Question 8 of 10 Which statements about automated accessibility testing are true?
Select all that apply.
- A clean axe or Lighthouse result does not mean the page conforms to WCAG
- Tools cannot judge whether alt text accurately describes an image
- A Lighthouse accessibility score of 100 is a valid WCAG conformance claim
- Automated tools reliably detect keyboard traps and illogical focus order
Question 9 of 10 Which method opens a dialog element so that the rest of the page becomes inert and Escape closes it?
- dialog.showModal()
- dialog.show()
- dialog.setAttribute('open', '')
Question 10 of 10 A search updates results without reloading the page. Which markup reliably announces the result count to screen reader users without moving focus?
- An empty <p role="status"> present when the page loads, whose text is updated after each search
- A new <p role="status"> element created with the text and inserted after each search
- Setting aria-hidden="false" on the results list
- Moving focus to the body element after each search