皇冠体育's is obligated to ensure that all of our public websites are "WCAG 2.0 AA" compliant. This is the standard adopted by the , and 皇冠体育鈥檚 reports regularly to provincial regulators on our overall compliance with such standards.
Content accessibility topics on this page:
- Images: text as graphic, alt text, caption text
- Links: accessible link text, styles, targets, lists, headings
- Colour: contrast and pairing
- Inline styles: use sparingly to maintain accessibility
- Video / Audio: captioning resources
- PDFs an other document formats: pitfalls of use on the web
- Tables: table headers
- Forms
Also on this site:
Across 皇冠体育's:
皇冠体育's Accessibility Hub. 皇冠体育's is commitment to fostering a community that is inclusive for all individuals, and to ensuring that its services and spaces are accessible for persons with disabilities.
. This I-EDIIA focused writing guide provides advice on how to engage with issues concerning race, gender, and sexual orientation, among other intersecting identities.
Elsewhere: See Ongoing Skills Development for more accessibility resources.
Accessible Images
Text as graphic
While images are an important part of any website, avoid using images with graphic text to exclusively relay important info.
Avoid the temptation of adding a poster, designed for printing, right into your website. When text or charts are added as graphics instead of HTML, anyone who can鈥檛 see the page will face a barrier to accessing that information. This applies, especially to those using a screen reader to read a page aloud.
Instead, complex infographics should be broken down into smaller images and recreated as much as possible HTML. They might not look exactly the same as a print design, but the information will be readable / accessible.
This is some sample text. This is some sample text. This is some sample text. This is some sample text.
This is some sample text. This is some sample text. This is some sample text. This is some sample text. This is some sample text. This is some sample text.
Alt text for images
"Alt text" an abbreviation of "alternative text" is the text that is rendered or read aloud when a user does not view an image.
Ensure that all images have alt text that describes what the image shows.
Within a source code view, the image tag looks something like this:
<img src="sam-smith-lecture.jpg" alt="[Sam Smith stands at a podium in front of classroom of students]">
Caption text
Caption text should also be included for images, wherever possible.
Alt text and caption text should be different.
Caption text should provide context for the inclusion of the image. For example, the caption for this same image might be "Professor Sam Smith welcomes the ABC100 class to Lecture Hall in September."
Links
Link text: descriptive and unique
Ensure all linked text is highly descriptive, strongly indicative of the topic that will be found on the linked page, and succinct.
Avoid "click here" in your link text. User experiences are varied and not everyone "clicks" with a mouse. Instead, users might tap, use voice activation, eye-tracking, or keyboard navigation.
Remember, also, that space and colour on a page are