High contrast mode

The contrast of icons and graphical objects is just as important as that of text. Use sufficient contrast for all elements on the screen, with a minimum contrast ratio of 3:1.

Adding structure to web content makes it more readable and comprehensible to everyone and especially to people with a visual or cognitive impairment that makes reading on-screen content difficult.

Headings are used to group and label sections of content, giving visual structure to the page and providing a means of navigation to screen reader users.

Avoid referring to a button, menu, or other item in the page only by its position on the page; instead, use additional information that describes the content.

When you include a list in your page content, this relationship needs to be conveyed visually, and it also needs to be conveyed to people using screen readers.

Headings are important orientation aids, and they help people quickly identify the content on your page. When headings are correctly identified, they also allow screen reader users to quickly navigate from heading to heading.

Some people understand complex information best when it's presented visually, such as as a chart or diagram, while others find that reading the information suits them better.

When text is presented as an image of text, that limits peoples' ability to change the appearance of that text. So wherever possible, use text along with CSS to apply styling.

Color is a powerful visual means of presenting or distinguishing information, but when you use color to identify or distinguish information, make sure that this information is still available to people who can't perceive color.

A clear indication that specific form fields are required can save users time and avoid potential errors relating to missing data when a form is submitted.