Website Accessibility Tips

Add alternative text to all uploaded images. In the alt text, briefly describe the image.

Remember to use heading tags. Use the Heading 1 (H1) tag for webpage titles.
Only use one Heading 1 tag per webpage.

Use Heading 2 (H2) tags for main headings on a webpage and Heading 3 (H3) tags for sub-headings.

Screen readers often scan a page for such tags. Do not apply additional formatting to heading tags.

Color contrast between the background and foreground should be strong. 

Example: Yellow text on a white background is not compliant as there is not enough contrast.

Your website header, footer and background colors already have ample color contrast as part of the website setup process.

Try to display PDF content in an HTML format within a webpage where reasonably possible, and also include a link to the PDF file. This ensures that content is in a secondary accessible format.

Additionally, PDF documents can also be made accessible by using accessibility tools within Adobe Acrobat Pro.

Hyperlink the descriptive portion of the text and clearly state the action the user is about to take on the hyperlink. This lets the user know what page they are about to be brought to.

Example: Use click here for BOE meeting minutes instead of click here for BOE meeting minutes.

Avoid underlining text that is not a hyperlink.

Tables should only be used for tabular data. Do not use tables to control page layouts. Instead, use the layout module in your website.

Screen readers can navigate through table cells one at a time and users will hear the column and row headers spoken to them.