The Web Accessibility Initiative (WAI)
Rules for the accessibility of Web content (WCAG)
Available repositories: RGAA, AccessiWeb, …
History and evolution of the consideration of accessibility

Workshop: Understand the challenges of accessibility with videos showing users with disabilities using the Web
(simulated visual impairment experience in web browsing, browsing without the mouse, …)

Resources and official documents
General accessibility reference system for administrations (RGAA)
AccessiWeb reference system
Discover the criteria and themes
Declaration of conformity
Understand the evolution of the legal framework and standards

Workshop: Studying accessibility standards – Understanding the content of a declaration of conformity.

Understand ergonomics for accessibility: navigation, images, colors, texts, …
Organization of the process, project management
Voice assistants and screen readers
Simulation of situations
Understand the importance of tests
Discover evaluation tools accessibility

Workshop: Use voice assistants and speech synthesis, try visual handicap simulation – use of simple diagnostic tools – Example of a site before and after compliance for accessibility.

Development cycles of a web application: cascade, V, spiral
Digital accessibility in an agile project
Reminders of accessibility rules and available repositories: RGAA, AccessiWeb, …
Presentation of the declaration of conformity

Workshop: Analysis of the structure of a declaration of conformity.

Presentation of the actions to be carried out at each stage of the design of a web project.
Important steps for a change of methods Team
management, choice of people
How to plan How to
manage the brakes on change and find solutions
Knowing how to assess the financial and human cost
Mistakes to avoid
Tools and resources
Set up maintenance documents

Workshop: Good practices for taking accessibility into account in a digtal project.

Know the main criteria and their interest and impact:
– Alternative text, Links –
Menu, navigation –
Structure and presentation, Colors

Workshop: Writing of accessible content.

Evaluate the accessibility of a web application
Generation of test reports.

Workshop: Presentation of testing and automation tools (pa11y, Selenium).

Take advantage of accessibility
Understand the importance of accessibility for SEO
Presentation of the evolutions to take into account

Create a good structure for a website
Knowing how to adapt a presentation and make the right choice
Determine the ergonomics to put in place (UI, UX)
Wireframing tools

Workshop: Design of a website mockup with choice of colors
(creation software chosen by the trainee)

Knowing the essential criteria: alternative texts, links, menus, navigation
Criteria for choosing colors
Knowing how to adapt HTML and CSS code, good practices and changing habits
Structuring a form, mistake to avoid
Understanding how text-to-speech works, when and how to use it
Manage multimedia content for accessibility

Workshop: content writing and analysis of common issues / solutions: Contact and web-chat, text and audio.

Reminders of standards and recommendations (WCAG, RGAA)
Graphic and ergonomic design
Graphic model and storyboard
Generic HTML5 accessibility criteria
Mandatory elements

Workshop: Creation of a home page for a website and choice of structure and ergonomics.

Explanation of the essential points to take into account: focus, DOM Order, tabindex, keyboard, form, non-visible content, modal, table, Multimedia, …

CSS formatting and JavaScript widgets:
– how to make and check the correct choice of Colors
– which Font to use and how to define the size of the text
– which CAPTCHA to use?
– form validation
– how to program and display error handling
– available frameworks

Perform asynchronous requests:
– how to use AJAX and make the appropriate modifications
– management of the keyboard and its events

Workshop: Installation of the development environment and integration of several pages of a website.