- Allow users to easily identify links in the text, as well as navigation blocks.
- Improve the visibility and affordance of links in different browsing environments.
- Improve the accessibility of content for people with disabilities.
Hyperlinks can be differentiated using CSS properties of text colour, background colour, underline, bold, borders, font, etc.
On each page checked:
- Identify the links throughout the text;
- Check that these links are visually different from the rest of the text.
- Check that the links differentiated by the colour have a minimum contrast ratio of 3 with the surrounding text and that they are identifiable when hovering over or using keyboard focus.
This check does not apply to navigation blocks whose nature is otherwise obvious to the user (menus).
Business application and benefits
The rules should be applied to your projects from the design phase through to post-implementation , and they should be understood by all professionals with web and customer experience (CX) responsibilities: from strategy to operations, marketers to project managers, and editorial to technical staff. The benefits of using this ruleset are numerous, including improving customer satisfaction, web performance, and e-commerce, and expanding your client base, while also decreasing your errors and costs.
The objective of these rules and the Opquast community mission is ‘making the web better’ for your customers and for everyone! Opquast rules cover the key major areas of risk that can negatively affect website users such as privacy, ecodesign, accessibility and security.