If you took the Accessibility Quiz at WCEU 2022 and you’re looking for the answers, this is the place!
How can a motor impairment impact the way you use the web?
The correct answer to this question is: Using a mouse or a keyboard can be difficult or may not be possible at all.
The following options were incorrect:
- You can not understand text that well.
- There are no problems, you can use a computer while sitting in a wheelchair.
- You may not understand videos and need captioning.
94% of you got this question right! If you didn’t, we recommend taking a look at our Web Accessibility, the basics course.
When do you need sip-and-puff to operate your computer?
The correct answer to this question is: When you can’t make use of your arms.
The following options were incorrect:
- When you are blind.
- When you are in a wheelchair.
- When you have a broken arm.
89% of you got this question right! If you didn’t, we recommend taking a look at our Web Accessibility, the basics course.
Text must be legible, what is the recommended minimum font size?
The correct answer to this question is: 16 pixels.
The following options were incorrect:
- 12 pixels.
- 14 pixels.
- 18 pixels.
83% of you got this question right! If you didn’t, we recommend taking a look at our Accessible design, the basics course.
Which statement is correct?
The correct answer to this question is: If you put information within an animation, it must also be placed outside the animation in text.
The following options were incorrect:
- Animation can cause a screen reader to crash.
- A screen reader can read animation.
- You can control an animation with a screen reader.
89% of you got this question right! If you didn’t, we recommend taking a look at our Accessible design, the basics course.
What could be a problem for people with Diabetic Retinopathy?
The correct answer to this question is: Black spots, dancing around while you are reading.
The following options were incorrect:
- Blurred vision.
- A blurry dark spot in the center of the view.
- There is no problem for them.
Only 35% of you got this question right! If you didn’t, we recommend taking a look at our Web Accessibility, the basics course.
What is the proper way to connect a label to an input field?
The correct answer to this question is: <label for=”colour”>Colour</label> <input type=”text” name=”colour” id=”colour”>
The following options were incorrect:
- <span>Colour</span> <input type=”text” name=”colour”>
- <label>Colour</label> <input type=”text” name=”colour”>
- <label for=”colour”>Colour</label> <input type=”text” name=”colour”>
68% of you got this question right! If you didn’t, we recommend taking a look at our Accessible code course.
What is the best way to provide a close option on a newsletter subscribe modal?
The correct answer to this question is: A button with an X-icon together with the text “Close”, clearly visible on the top right of the modal. And a way to the close the modal with the Escape key.
The following options were incorrect:
- A button with an X-icon, preferable so invisible possible, because I want my users to fill out the form and not close it.
- A button with an X-icon, clearly visible on the top right of the modal.
- A button with an X-icon together with the text “Close”, clearly visible on the top right of the modal.
97% of you got this question right! If you didn’t, we recommend taking a look at our Accessible design, the basics course.
What is the .screen-reader-text CSS class in WordPress?
The correct answer to this question is: A class that hides content from sight, but makes it announceable for screen readers.
The following options were incorrect:
- A class that hides content from a screen reader.
- A class that can be replaced by aria-hidden=”false”.
- Useless.
89% of you got this question right! If you didn’t, we recommend taking a look at our Accessible code course.
How can you create a clickable image to link to your cat food webshop?
The correct answer to this question is: <a href=”some-cat-website”><img src=”cat.jpg” alt=”Buy your cat food online” ></a>
The following options were incorrect:
- <img src=”cat.jpg” onclick=”window.location.href=’some-cat-website'” />
- <img src=”cat.jpg” tabindex=”0″ alt=”Buy your cat food online” onclick=”window.location.href=’some-cat-website'” onkeypress=”window.location.href=’some-cat-website'” />
- <a href=”some-cat-website”><img src=”cat.jpg” title=”Buy our cat food”></a>
Only 51% of you got this question right! If you didn’t, we recommend taking a look at our Accessible code course.
Which elements are proper HTML5 landmarks?
The correct answer to this question is: <header>, <main>, <footer>.
The following options were incorrect:
- <div class=”header”>, <div class=”main”>, <div class=”footer”>
- <html>, <body>
- <ul role=”nav”>
79% of you got this question right! If you didn’t, we recommend taking a look at our Accessible code course.
How did you do?
If you want to refresh or train your knowledge, we offer several courses on Web Accessibility, from the basics, to in-depth topics, such as Accessible content, code or design.
When finishing a course you’ll receive a certificate for your proficiency in Accessibility.