How to Create Accessible Websites
- Stuti Desai
This article is intended for students, faculty, and staff who are interested in making websites accessible.
To add a website title navigate to Settings and then General and input your title under the Site Title section. This title will be a heading level 1 on the page.
Use structure when selecting headings (not just font size)
Typically, there is one heading 1 on the page, but there may be two if there is a heading one at the top of the page
Do not start alt text with “picture of“ or “graphic of”
Validate auto-generated alt text
Include enough information for end user
Exclude information found near the image (example: caption below image)
Include alt text for images with hyperlink
Alt text can vary for same image based on context
Graphs/Charts and maps are more complex
Ask content creator (person who wants to use the image) to write the alt text)
Write link text where it is going, for example IT Accessibility
Do not use “click here”, “learn more”, “read more”
Do not underline text that is not a link because keyboard users may think it is a link that is inaccessible
Use only data for tables
Designate top row as the header for each column
Add Alt Text to the table
Tab through each cell to check for navigation (left to right and down)