Course : Campus Atlas - Testing the accessibility of websites and applications
Practical course - 3d
- 21h00 - Ref. UXC
|
Download in PDF format
Share this course by email
 | Discover the RGAA accessibility standards |
| Understanding the problems encountered by people with disabilities on websites and applications |
| Accessibility testing of websites and mobile applications |
| Propose solutions for each problem identified |
Intended audience
Pour les adhérents à l'OPCO Atlas : toute personne qui vérifie l’accessibilité d’un contenu numérique (auditeurs, intégrateurs web, responsables qualité, testeurs, responsables techniques…).
Prerequisites
To have completed the training course "Digital accessibility awareness" and be familiar with website development (HTML, CSS, JAVASCRIPT).
Practical details
Hands-on work
Case studies and practical exercises.
Teaching methods
60% pratique – 40% théorie.
Pour optimiser le parcours d’apprentissage, des modules e-learning peuvent être fournis avant et après la session présentielle ou la classe virtuelle, sur simple demande du participant.
Course schedule
1 HTML and CSS, building modern, semantic websites - Content digital learning pre-training
- HTML basics.
- Structure and organize an HTML page.
- Formatting HTML with CSS.
- Use semantic HTML.
- Create HTML forms.
Digital activities
This online training course teaches the basics of HTML and CSS for designing modern websites. Participants will see how to structure a page with text, media and interactive elements, use *id* and *class* attributes, and create a first stylesheet. The course also covers semantic HTML and the new features of HTML5, before concluding with the creation of a complete and functional contact form.
2 Introduction and challenges of digital accessibility
- Key definitions: accessibility, inclusion, legal obligations.
- Social, legal and ethical issues.
- Presentation of disabilities and digital obstacles (typology of visual, motor, auditory and cognitive disabilities).
Hands-on work
Quiz interactif. Tour de table : perception initiale de l’accessibilité. Partage d’expériences/attentes des participants.
3 WCAG AND ARIA international standards
- WCAG 2.1: POUR principles (Perceivable, Operable, Understandable, Robust).
- Conformity levels: A, AA, AAA.
- Introduction to WAI-ARIA attributes.
- Good practices associated with ARIA (when to use it, when to avoid it).
Hands-on work
Lecture commentée de critères WCAG Quiz sur les niveaux de conformité. Association critères/niveaux de conformité. Mini cas pratiques : corriger un composant non conforme avec ARIA.
4 Explore the RGAA
- Presentation of RGAA 4.x: structure, organization into themes.
- Operation: tests, expected results, justifications.
- Scope of application (public, private, mobile sites, etc.).
Hands-on work
Étude de critères RGAA réels (image, titre, couleur). Travail en binômes sur l’analyse de non-conformité simple. Quiz de révision.
5 Conducting an RGAA audit
- Audit stages: scoping, sampling, testing, feedback.
- Selection of relevant pages to be audited.
- Role of stakeholders: auditor, developer, project manager.
Hands-on work
Simulation d’un cadrage d’audit sur site donnée. Constitution d’un tableau d’échantillonnage. Débrief sur les écarts de perception (qu’est-ce qu’un échantillon pertinent ?)
6 Testing the basics of accessibility
- Images et textes alternatifs.
- Titles and title levels.
- Links, buttons and simple interactive elements.
- Color contrasts and HTML structure.
- Use of visual analysis tools (Wave, Axe DevTools, Color Contrast Analyzer, Lighthouse).
Hands-on work
TP guidé : test d’une page web avec Lighthouse et Wave (identification des problèmes d’accessibilité de base). Utilisation d’un outil de test pour vérifier le contraste et la structure des balises. Échange collectif sur les premiers contrats.
7 Testing complex interactions
- Forms (labels, errors, focus).
- Data tables.
- Dynamic menus (drop-down, accordions).
- Dynamic messages (alerts, modals).
Hands-on work
Navigation uniquement au clavier sur une interface réelle. Tests de formulaires et menus dynamiques. Débrief : ce que les outils automatiques ne voient pas.
8 Mobile accessibility
- Differences in approach between desktop and mobile.
- How mobile screen readers work: VoiceOver (iOS), TalkBack (Android).
- Example of inaccessible mobile components (icons, gestures, infinite scrolls).
Hands-on work
Tests d'accessibilité sur simulateur mobile ou smartphone (via navigateur ou app). Comparaison de comportements entre desktop et mobile. Observation d’un utilisateur utilisant VoiceOver.
9 Drawing up RGAA reports
- Rules for drafting an RGAA statement (criteria, test, result, justification).
- Importance of test traceability and reproducibility.
- Prioritization of findings: critical, blocking, to be improved.
Hands-on work
Rédaction de 2 constats complets sur une page auditée. Relecture croisée entre pairs et amélioration. Création d’un tableau synthétique des erreurs fréquentes.
10 Correct identified problems
- HTML/CSS/ARIA best practices.
- Accessible alternatives to interactive elements (icons, sliders, menus).
- Progressive approach: quick fix versus global overhaul.
Hands-on work
Atelier code : rendre un formulaire ou composant accessible. Démonstration : correction d’un menu avec ARIA. Discussion : arbitrer entre conformité, UX et contraintes techniques.
11 Structuring an audit report
- Structure of an RGAA report: context.
- Sample.
- Summary of differences.
- Detailed findings.
- Recommendations "quick wins".
Tutored hands-on work
Rédaction en sous-groupe d’un mini-rapport à partir de constats produits. Revue collective : lisibilité, précision, pertinence.
12 Delivering an accessibility audit
- The auditor's stance: pedagogy, clarity, diplomacy.
- Adapt your message to the person you're talking to (technical, professional, managerial).
- Prioritize key messages.
Hands-on work
Simulation de restitution orale devant le groupe. Feedback entre pairs sur la forme et le fond. Conseils pour conclure avec des engagements réalistes.
13 Review and self-assessment
- Collective assessment: what I remember, what I apply.
- Comparative self-positioning (pre/post).
- Further resources (documentation, communities, tools).
Hands-on work
Final positioning MCQ. Development of an individual action plan. On-the-spot satisfaction questionnaire and award of certificates.
14 UX design and interface ergonomics - Post-training digital learning content
- Interface design.
Digital activities
This online training course teaches how to design interfaces to make it easier for users to use applications. Participants will discover how to put the user at the center of the experience and improve access to key resources.
PARTICIPANTS
Pour les adhérents à l'OPCO Atlas : toute personne qui vérifie l’accessibilité d’un contenu numérique (auditeurs, intégrateurs web, responsables qualité, testeurs, responsables techniques…).
PREREQUISITES
To have completed the training course "Digital accessibility awareness" and be familiar with website development (HTML, CSS, JAVASCRIPT).
TRAINER QUALIFICATIONS
The experts leading the training are specialists in the covered subjects. They have been approved by our instructional teams for both their professional knowledge and their teaching ability, for each course they teach. They have at least five to ten years of experience in their field and hold (or have held) decision-making positions in companies.
ASSESSMENT TERMS
The trainer evaluates each participant’s academic progress throughout the training using multiple choice, scenarios, hands-on work and more.
Participants also complete a placement test before and after the course to measure the skills they’ve developed.
TERMS AND DEADLINES
Registration must be completed 24 hours before the start of the training.
ACCESSIBILITY FOR PEOPLE WITH DISABILITIES
Do you need special accessibility accommodations? Contact Mrs. Fosse, Disability Manager, at psh-accueil@orsys.fr to review your request and its feasibility.
Pour les adhérents à l'OPCO Atlas : toute personne qui vérifie l’accessibilité d’un contenu numérique (auditeurs, intégrateurs web, responsables qualité, testeurs, responsables techniques…).
PREREQUISITES
To have completed the training course "Digital accessibility awareness" and be familiar with website development (HTML, CSS, JAVASCRIPT).
TRAINER QUALIFICATIONS
The experts leading the training are specialists in the covered subjects. They have been approved by our instructional teams for both their professional knowledge and their teaching ability, for each course they teach. They have at least five to ten years of experience in their field and hold (or have held) decision-making positions in companies.
ASSESSMENT TERMS
The trainer evaluates each participant’s academic progress throughout the training using multiple choice, scenarios, hands-on work and more.
Participants also complete a placement test before and after the course to measure the skills they’ve developed.
TEACHING AIDS AND TECHNICAL RESOURCES
• The main teaching aids and instructional methods used in the training are audiovisual aids, documentation and course material, hands-on application exercises and corrected exercises for practical training courses, case studies and coverage of real cases for training seminars.
• At the end of each course or seminar, ORSYS provides participants with a course evaluation questionnaire that is analysed by our instructional teams.
• A check-in sheet for each half-day of attendance is provided at the end of the training, along with a course completion certificate if the trainee attended the entire session.
• The main teaching aids and instructional methods used in the training are audiovisual aids, documentation and course material, hands-on application exercises and corrected exercises for practical training courses, case studies and coverage of real cases for training seminars.
• At the end of each course or seminar, ORSYS provides participants with a course evaluation questionnaire that is analysed by our instructional teams.
• A check-in sheet for each half-day of attendance is provided at the end of the training, along with a course completion certificate if the trainee attended the entire session.
TERMS AND DEADLINES
Registration must be completed 24 hours before the start of the training.
ACCESSIBILITY FOR PEOPLE WITH DISABILITIES
Do you need special accessibility accommodations? Contact Mrs. Fosse, Disability Manager, at psh-accueil@orsys.fr to review your request and its feasibility.
Dates and locations
Select your location or opt for the remote class then choose your date.
Remote class
Dernières places
Date garantie en présentiel ou à distance
Session garantie