Accessibility Guide

Headings describe the content beneath it in a concise way. They act as a table of contents for your page and outline the major sections, sub-sections, and so on. Headings are helpful for everyone to understand how content is divided and relates to each other, but is especially helpful for users of assistive technology who use headings to navigate a page.

Making content as simple as possible helps all users understand your content, and complete tasks like registering for an event successfully. Simple, clear structure can also help users with reading or cognitive disabilities, where it is more difficult to read complex content.

Digital content can be presented to users on a variety of devices; users might also have additional display preferences for those devices like larger font or more spacing. The content should adapt to those preferences without overflowing, getting cut off, or not adjusting its font size.

HTML is good at providing semantics, and CSS for providing styles to web pages. Making sure styling is maintained in CSS and not HTML is important for assistive tech to parse content correctly, and to not announce content that is really just a stylistic placeholder.

On the opposite side, meaningful content like images conveyed through CSS need a way to be interpreted correctly so users know the content exists.

Valid markup helps assistive technologies interpret your site correctly and predictably. Users might also have different versions of certain assistive technology, or choose different operating systems or browsers. Whatever tools they use, web content needs to be written validly so a variety of people can use your site.