- Allow users whose browsers don’t apply the website’s style sheets or whose method of access is not visible to understand the site’s content.
- Meticulously separate the content from its presentation, to foster interoperability.
- Improve the way content is taken into account by search engines and indexing tools.
- Improve the accessibility of content for people with disabilities.
Visually compare pages with and without applying CSS styles. This task will make use of all of the following methods on each page:
- Disable CSS styles in the browser;
- Check that there is no loss of information, if there is - find out by examining the styles applied to the element in question using a code inspector.
- Check that the content remains readable, for example in the case of a transparent HTML image where its readability depends on the background colour applied with the background-color property.
- Check the consistency of the content displayed without CSS, which must remain logically organised and fully understandable. For example, a flowchart made up of different blocks of text formatted via CSS positioning properties may appear as a succession of meaningless blocks of text in the absence of CSS.
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.