10.2. Guidelines for ADA posting
□ Use Helpful and Clear Page Titles
- A page title is what users see in the very top bar of the web browser.
- A good web page title tells users what the page is about without needing to read more.
- This lets users quickly understand if they are on the right page.
□ Present Content in Meaningful Order
- Heading 1-required on all pages -use as main title of page content
- Use headings to organize content in logical sequence
- Break up content with subheadings (Heading 2, Heading 3, etc.) for new sections.
- Do not skip headings
- o If using tables to convey meaning, make sure to use:
- Caption tag
- Table Headers <th> and scope attribute
□ Use Descriptive and Unique Link Names
- Make sure that the link text properly describes the link destination.
- click here is not descriptive, and is ineffective for a screen reader user
- Appropriate Link Names Monthly Newsletter Spelling List Homework Assignment
- □ Provide Text Alternatives for Non-Text Content
- o For pictures, graphics -include Alternative Text
- Alternative (or 'alt') text is a written replacement for an image, not an addition to it . Ask yourself: what does the picture convey?
- If picture is purely decorative (conveys no meaning), Alternative Text can be blank, but the alt-text tag must be present (i.e. alt= "" )
- For audio files -include a transcript of the audio
- For video files -include both a transcript and add captions to the video
- □ Text Contrast for easy reading
- Contrast ratio between your text and background is at least 4.5:1
- Color Contrast Ratio Calculator (http ://www.msfw.com/Services/ContrastRatioCalculator)
□ Uploaded Documents (PDF, Word, Excel, etc.) must be accessible
- Add a title to your Word document
- Include alternative text for images in document
- Outline content using "Headings"
- Check Word documents using the built-in accessibility checker before saving as a PDF
- If document can't be made to be accessible, provide the content in another manner