TC Design
Accessibility resources
- 1 Government of Canada accessibility resourcesÂ
- 2 Web Content Accessibility Guidelines (WCAG)Â
- 2.1 WCAG 2.1 (English)Â
- 2.2 WCAG 2.1 (French)Â
- 2.3 WCAG 2.2Â
- 3 Introduction to accessibility
- 4 Screen readersÂ
- 5 Accessibility testing best practices
- 6 Creating accessible PDFsÂ
- 7 Writing alt textÂ
- 8 Designing accessible featuresÂ
- 9 Designing for colourblind usersÂ
- 10 Designing for aging usersÂ
- 11 Accessibility communitiesÂ
- 11.1 The A11Y ProjectÂ
- 12 External accessibility guidelinesÂ
- 13 Building a business case for accessibilityÂ
Government of Canada accessibility resourcesÂ
For an explanation of the Government of Canada legislation on accessibility and current standards, please see Accessibility requirements.Â
Employment and Social Development Canada (ESDC) IT Accessibility OfficeÂ
This page contains a list of key links for ESDC's IT Accessibility Office.
Useful Links - ESDC / IT Accessibility office (bati-itao.github.io)
A11Y Canada’s Digital Accessibility ToolkitÂ
Tips to help make all your digital products and content, such as documents, emails and meetings accessible. This website has been recently updated to include resources on: Best practices for accessible virtual events, learning and development, making accessible emails and testing your products.
Digital Accessibility Toolkit - Digital Accessibility Toolkit (canada.ca)Â
Web Content Accessibility Guidelines (WCAG)Â
WCAG 2.1 (English)Â
The Web Content Accessibility Guidelines (WCAG) 2.1 were released June 5, 2018, and updated September 21, 2023.Â
Web Content Accessibility Guidelines (WCAG) 2.1 (w3.org)Â
WCAG 2.1 (French)Â
An official French translation of the Web Content Accessibility Guidelines (WCAG) 2.1 was released July 11, 2022.Â
Règles pour l’accessibilitĂ© des contenus Web (WCAG) 2.1 (w3.org)Â
WCAG 2.2Â
The Web Content Accessibility Guidelines (WCAG) 2.2 were released October 5, 2023.Â
Web Content Accessibility Guidelines (WCAG) 2.2 (w3.org)Â
Introduction to accessibility
Understanding AccessibilityÂ
A tool for web designers that explains how to use colour, typography and media to create accessible interfaces.Â
Screen readersÂ
What Is a Screen Reader and Why Is It Important?Â
This article answers common questions people have about screen reader software, including how they work, the types of devices that are compatible with screen readers, and tips for making your site and software more accessible.Â
What Is a Screen Reader and Why Is It Important? - TPGiÂ
Five Screen Reader Accessibility Tests Your QA Team Should DoÂ
This article aims to demystify the accessibility screen reader compatibility testing process and show you how screen reader testing can reveal your successes and where your site still contains accessibility barriers.Â
Five Screen Reader Accessibility Tests Your QA Team Should Do - TPGiÂ
WebAIM survey of screen reader user preferencesÂ
In May - June 2021, WebAIM surveyed preferences of screen reader users. This was a follow-up to 8 previous surveys that were conducted between January 2009 and September 2019.Â
Screen Reader User Survey #9 Results Â
Designing for screen reader compatibilityÂ
WebAIM’s guide to designing for screen reader compatibility. This guide includes an explanation of how screen reader users navigate content and how screen readers read content.Â
Designing for Screen Reader CompatibilityÂ
See a screen reader in action
For people who want to see a screen reader in action, it can be helpful to start with this demo from Hadi Rangin of the University of Washington’s IT Accessibility Team. Among the things Rangin discusses are ARIA landmarks, headings, and text content.
Using a Screen Reader (youtube.com)Â
Accessibility testing best practices
Building Accessibility Checklists That Are Actually UsefulÂ
This article provides tips to help you tailor accessibility checklists to your needs, remove items you don’t understand, review ones you do and break down responsibilities.Â
Building Accessibility Checklists That Are Actually Useful | Access ArmadaÂ
Best Practices for Structuring Accessibility Testing: Part 1Â
In Part 1 of this resource, TPGi establishes the building blocks for accessibility testing.Â
Best Practices for Structuring Accessibility Testing: Part 1 - TPGiÂ
Best Practices for Structuring Accessibility Testing: Part 2Â
In Part 2 of this resource, TPGi covers best practices in performing accessibility testing. Â
Best Practices for Structuring Accessibility Testing: Part 2 - TPGiÂ
Creating accessible PDFsÂ
PDF Techniques for WCAG 2.0Â
Documentation from the World Wide Web Consortium (W3C) on creating accessible PDFs. W3C notes: “Publication of techniques for a specific technology does not imply that the technology can be used in all situations to create content that meets WCAG 2.0 success criteria and conformance requirements. Developers need to be aware of the limitations of specific technologies and provide content in a way that is accessible to people with disabilities.”
PDF Techniques | Techniques for WCAG 2.0 (w3.org)
Create and verify PDF accessibility, Acrobat ProÂ
Adobe Acrobat’s documentation on creating and verifying PDF accessibility.Â
Create and verify PDF accessibility (Acrobat Pro)Â Â
Creating accessible documents, FoxitÂ
Foxit’s documentation on creating and verifying PDF accessibility.Â
Creating accessible PDF documents | Foxit
Writing alt textÂ
Canada.ca Content Style GuideÂ
Guidance from the Canada.ca Content Style Guide on including alternative text for images.
Canada.ca Content Style Guide - Canada.ca
Everything you need to know to write effective alt textÂ
Guidelines on how to write alt text and how to add alt text to files made using Microsoft products including Word documents and PowerPoint presentations.Â
Everything you need to know to write effective alt text - Microsoft Support
Designing accessible featuresÂ
If it’s Not Usable, it’s Not AccessibleÂ
This article features a conversation with TPGi’s Chief Accessibility Officer, David Sloan about how usability and accessibility are linked.Â
If it’s Not Usable, it’s Not Accessible - TPGiÂ
The Road to Accessible Drag and Drop (Part 1)Â
This article features a wish list of capabilities and features that accessible drag and drop must have, or should have, or would be nice.Â
The Road to Accessible Drag and Drop (Part 1) - TPGiÂ
The Road to Accessible Drag and Drop (Part 2)Â
This article discusses techniques and solutions, including production-ready (and CC licensed) demos of the approach.Â
The Road to Accessible Drag and Drop (Part 2) - TPGiÂ
The Road to Accessible Drag and Drop (Part 3)Â
This article includes reference documentation, with everything you need to configure and use the script.Â
The Road to Accessible Drag and Drop (Part 3) - TPGiÂ
Designing for colourblind usersÂ
Designing UI with colour blind users in mindÂ
An article on how to improve your site’s accessibility and the experience it delivers for people who have difficulty seeing colour clearly or differentiating between colours.Â
Designing UI with color blind users in mind | Secret StacheÂ
Designing with the colourblind in mind will improve your design for everyoneÂ
An article that uses designing for colourblind users as an example of how inclusive design can benefit users in various situations.Â
Designing for aging usersÂ
Accessible Design: Designing for the ElderlyÂ
This article lists some best practices for designing accessible solutions for elderly users and provides additional resources.Â
Accessible Design: Designing for the Elderly | by Spire Digital | UX PlanetÂ
Older Users and Web Accessibility: Meeting the Needs of Ageing Web UsersÂ
This resource from W3C helps highlight the overlapping needs of people who are elderly and people with disabilities.Â
Accessibility communitiesÂ
The A11Y ProjectÂ
The A11Y Project is a community-driven effort to make digital accessibility easier.Â
External accessibility guidelinesÂ
Pearson’s accessibility guidelinesÂ
Pearson’s accessibility guidelines for higher education. This resource contains non-technical explanations of each WCAG principle, including why they are important and who they benefit. This site also includes a helpful glossary of accessibility terms.Â
Accessibility guidelines (pearson.com)Â
Microsoft’s Inclusive Design ToolkitÂ
Microsoft’s space for inclusive design. This site provides an introduction to the world of inclusive design, an introduction to inclusive design for cognition, and a primer to understand how bias affects artificial intelligence.Â
Microsoft's Inclusive Design Toolkit – Introduction to Inclusive Design
HSBC’s Accessibility HubÂ
Hongkong and Shanghai Banking Corporation’s (HSBC) accessibility hub was originally developed as internal training for HSBC employees but is now a publicly available e-learning platform that aims to help people put accessibility at the heart of digital design.Â
Homepage | HSBC Accessibility HubÂ
Building a business case for accessibilityÂ
The business case for accessibilityÂ
A blog post from Deque on the four aspects of ROI as they relate to accessibility: capturing an overlooked market share, risk management, lowering operational costs and boosting brand value.Â
The business case for accessibility | DequeÂ
The Business Case for Digital AccessibilityÂ
An article from W3C examining the rationale for organizations to address accessibility. It includes tangible and intangible benefits, and the risks of not addressing accessibility adequately.Â
The Business Case for Digital Accessibility | Web Accessibility Initiative (WAI) | W3CÂ
TC Design