Observe! Read the rules below carefully before proceeding, the questions will be based on these rules.
- Rule 1
The purpose of each link can be identified from link text alone.
Why it's important
Descriptive link text is more understandable for all users, especially when using assistive technology.
- Rule 2
Use the appropriate heading level for the content in an hierarchical order.
Why it's important
Heading markup which can be an effective way for screen reader users to more quickly find the content of interest.
- Rule 3
Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element.
Why it's important
Not everyone sees colours or sees them the same way.
- Rule 4
All functionality of the content is operable through a keyboard interface.
Why it's important
Many people rely on the keyboard interface, including blind and some mobility impaired people.
- Rule 5
The size of the target for pointer inputs is at least 24 by 24 CSS pixels.
Why it's important
Some people with physical impairments cannot click small buttons that are close together.
Observe! All errors in the pictures are fictive and not on the on the actual webpage.
We'll give you feedback on each question along the way and, at the end, we will give you a final score.
Have fun!