Hart House Web Accessibility Guidelines For Content Providers

Overview

Web Accessibility (a11y) is an ongoing project that requires dedicated time and effort from both the developer and editors/content providers.

Anyone contributing content to harthouse.ca should establish Web Accessibility as a culture and keep it top of mind at all times. 

Creating Content

Writing for the web is different from writing for other media. Screens are browsed, not necessarily read. Web pages must work on a computer, a tablet and/or a mobile phone screen. To facilitate this, a few guidelines must be followed.

1. Write website text at a Grade 10 comprehension level, for the greatest accessibility to all audiences. When reading in an environment with distractions (whether it’s pop-up ads or a noisy setting) text must be instantly understandable.)

2. Frequently break the text into digestible sections with simple and self-explanatory headings. This will help readers immediately understand the content.

3. Avoid using jargon or technical language. If you must use, include some explanatory text. When using an abbreviation, write it out in full, upon first mention, and include the acronym in brackets. E.g., University of Toronto Mississauga (UTM).

4. Remove all double spaces after periods.

5. Use bullet points whenever possible.

6. Check grammarspelling (use Canadian) and correct usage of the hyphen, en-dash and em-dash. Grammarly is a helpful online grammar checker.

7. Say it once. Do not repeat information. Keep your message(s) as simple as possible.

8. Supply two high-res images for your event:

  • One image without any text for website
  • One with accompanying text for social media
  • The image size should be 1920x1080 pix, JPG file, and under 5MB in size.
  • Remember that text directly on an image is not accessible to screen readers.

9. Add alternative text for all images. Alternative text is important for accessibility and Search Engine Optimization. It describes an image and helps visually impaired people understand what the image shows, helps search engine bots understand image content, and appears on a page when the images fail to load.

10. Supply logos for all partners and sponsors (svg or jpg or png). Please provide the names of presenting partners/sponsors.