- Alternative (ALT) Text
- When using an icon, picture, chart, table, or illustration, make sure to add ALT text.
- ALT text describes the information conveyed in the image.
- Make sure to leave a Null alt text for purely decorative images.
- Set images/objects to be ‘in line with text’ if possible.
- Meaningful link text
- Instead of copying and pasting the URL directly into the content, make the link meaningful to the reader.
- E.g.
- CORRECT: Check out University of Waterloo’s list of courses for Fall 2015
- INCORRECT: Check out University of Waterloo's list of courses for Fall 2015: https:uwaterloo.ca/courses/fall2015
- Content Structure
- Using visual techniques, such as bolding or a different font to improve the appearance of a document, is not accessible.
- Instead use Structural formatting, such as:
- Headings
- Make sure that each heading is used for the appropriate title. i.e. University of Waterloo should be Heading 1.
- Paragraphs
- Lists
- Use the built in list features so that it prompts the user that a list is being started.
- If you manually type in your own bullets, this could confuse the reader.
- Page breaks
- Use page breaks instead of putting several spaces to separate content.
- If you use spaces, a person who requires accessibility features might believe that there is no more information below the spaces.
- Tables/columns
- Use the table feature in Word.
- If there are any blank columns or rows, enter in N/A.
- Refrain from using tables within tables.
- Headings
- Language
- Make sure to identify what language the content is in, for the assistive technology.
- If the language default is not the language used in the content, problems could occur.
- Navigation
- Book marks help users navigate the document.
- Page numbers assist the user to know how far they are into the documentation.
- Using X out of X, as a page number system helps the user know how many pages to expect.
- Using X out of X, as a page number system helps the user know how many pages to expect.
- Use an Accessibility Checker such as the WAVE tool bar (in Firefox)
- Make the appropriate changes to improve accessibility.
- Make the appropriate changes to improve accessibility.
- Colour
- If you are using colour as a statement for your content, make sure that the colours are different in regards to density
- E.g. Using the gray scale to show differences, from light to dark (i.e. using white, medium gray, and black) instead of using red, orange, or yellow to show difference.
- If you are using colour as a statement for your content, make sure that the colours are different in regards to density
General
Content
Integrations