Accessibility is decided long before integration, in every word and every component.
Web design and content writing are often seen as being far removed from the technical challenges of accessibility. However, visual design choices, page structure, and the quality of written content play a significant role in a website's overall accessibility. Overlooking these aspects can create issues that developers could have avoided much earlier in the process.
This training equips designers and writers to make accessibility a natural part of their work. From screen reader copywriting to designing interactive components, participants will learn the best practices and compliance with WCAG 2.2 (Web Content Accessibility Guidelines) that make a difference from the very first draft.
Is it for you ?
Web writers, content specialists, interface designers (UX/UI) and anyone involved in the creation or formatting of digital content.
Prerequisites
No strict technical prerequisites. A common practice in web writing or interface design is a plus.
What You'll Walk Away With
- ✓ Write web content that is accessible, adapted to screen readers and in line with best practices
- ✓ Structure your pages for easy navigation and understanding
- ✓ Design each web component with accessibility requirements in mind
- ✓ Document your accessibility specifications for the integration team
Training content
1 Accessibility and writing Principles
- Identify the fundamentals of accessibility as applied to web design
- Understand design best practices related to contrast, focus visibility, and information communication without relying solely on color
- Apply good web writing practices with accessibility in mind
- Write content adapted to the use of a screen reader
2 Page structure and organization
- Understand the importance of structure in navigating and understanding content
- How to properly structure your web pages (long page, hierarchy of titles, division into sections)
3 Design of the basic components
- Design accessible images, links, buttons, lists, tables, and navigation elements
- Establish what the user should be able to do and perceive with each simple component
- Integrate editorial considerations into component design
- Understand the impacts of design choices on accessibility
4 Forms design
- Design input fields, multi-line fields, drop-down lists, calendars and file submissions that are accessible
- Design radio buttons, checkboxes, and field groups that meet accessibility expectations
- Set instructions that are understandable and adapted to different users
- Design accessible error handling mechanisms
- Tailor the choice of words and instructions to the specific needs of a form
- Anticipate how a form should react to input actions and errors
5 Interactive component design
- Design accessible modal windows, tabs, drawers, carousels, and tooltips
- Understand expected keyboard and screen reader behaviors
- Properly define context states and switches
- Design accessible loading, notification, and feedback mechanisms
- Adjust the writing according to the states and interactions specific to these components
- Identify common pitfalls related to interactive components
6 Media and animations
- Understand accessibility requirements for video and audio Identify Considerations for Captioning and Transcriptions Understanding the issues related to animations and movement
- Understand accessibility requirements for video and audio contents
- Identify key requirements for captioning and transcriptions
- Understand the issues related to animations and movement
- Understand accessibility requirements for video and audio
- Identify considerations for captioning and transcriptions
- Understanding the issues related to animations and movement
7 Documents and specifications
- Understand the limitations and challenges of PDF documents in a web-based context
- Adequately document accessibility requirements in mockups and specifications
- Communicate the necessary information to content developers and integrators
📌 Practical information
Our training sessions are offered in Montreal or Quebec City, in person or in a virtual classroom. Dates and locations are specified when you select your session below. If you have any questions, check out our FAQ.
