Key: Structure your websites with semantic HTML and, where necessary, ARIA labels. Why: Semantics give meaning to the things we visually present on a website. This allows for screen reader users to easily extract what is visually presented. Explanation Think of semantics as giving meaning. Headings are a prime example of using semantic HTML to … Read more


Key: Use descriptive programmatic labels for your form fields. If HTML labels are unavailable or not supported, use ARIA to create labels. Why: Input fields must have descriptive, programmatic labels assigned to them or screen reader users may not know what to input into the fields. Explanation When it comes to labels, there are three … Read more