diff --git a/src/pages/en/accessibility-testing-101.md b/src/pages/en/accessibility-testing-101.md index 5dd9bfb96..80cc054da 100644 --- a/src/pages/en/accessibility-testing-101.md +++ b/src/pages/en/accessibility-testing-101.md @@ -6,24 +6,14 @@ subject: - howTos tags: - testYourProducts +toc: true --- -## On this page - -- [Building your toolset](#building-your-toolset) - - [Tool: WAVE Browser Extensions](#tool-wave-browser-extensions) - - [Tool: Accessibility Insights for Web](#tool-accessibility-insights-for-web) - - [Tool: LightHouse](#tool-lighthouse) -- [Additional Help and Resources](#additional-help-and-resources) - - [Keyboard and Manual testing of your site](#keyboard-and-manual-testing-of-your-site) - - [Keyboard testing basics](#keyboard-testing-basics) - - [Additional Resources](#additional-resources) +## Building your toolset Please note that some of the accessibility testing tools listed will require administrative permissions to install on your device. -## Building your toolset - -## Tool: WAVE Browser Extensions +### Tool: WAVE Browser Extensions WAVE for Chrome, Firefox, and Edge extensions allows you to evaluate web content for accessibility issues directly within your browser. Because the extension runs entirely within your web browser, no information is sent to the WAVE server. diff --git a/src/pages/en/additional-resources.md b/src/pages/en/additional-resources.md index b707cff3e..e648fa8bc 100644 --- a/src/pages/en/additional-resources.md +++ b/src/pages/en/additional-resources.md @@ -6,17 +6,9 @@ toggle: ressources-additionnelles tags: - resourcesAndTools internalLinks: true +tocSimple: true --- -## On this page - -- [Accessible meetings and events](#accessible-meetings-and-events) -- [Development](#development) -- [Learning](#learning) -- [Policy](#policy) -- [Procurement](#procurement) -- [Services](#services) - ## Accessible meetings and events Virtual meetings and events come in various formats and sizes – from small workshops with participants who know each other to large public meetings you are planning. It is critical to ensure meetings and events are fully accessible, from accessing them, to the presentations. By planning ahead, you can build accessibility into all aspects of the meeting. This will allow everyone to participate fully, including people with disabilities. diff --git a/src/pages/en/making-accessible-emails.md b/src/pages/en/making-accessible-emails.md index 16c706367..873a4dca0 100644 --- a/src/pages/en/making-accessible-emails.md +++ b/src/pages/en/making-accessible-emails.md @@ -5,25 +5,9 @@ tags: - howTos - updatesMain toggle: rendre-vos-courriel-accessibles +tocSimple: true --- -## On this page - -- [Format](#format) -- [Bilingual message (if applicable)](#bilingual-message-if-applicable) -- [Plain language](#plain-language) -- [Styles](#styles) -- [Fonts](#fonts) -- [Use of colour](#use-of-colour) -- [Colour contrast](#colour-contrast) -- [Outlook Themes](#outlook-themes) -- [Semantic structure](#semantic-structure) -- [Accessible images](#accessible-images) -- [Using tables](#using-tables) -- [Meaningful links](#meaningful-links) -- [Accessible email signatures](#accessible-email-signatures) -- [Testing for accessibility](#testing-for-accessibility) - ## Format Outlook offers three format options: HTML, Plain Text and Rich Text. Of these three options, HTML format provides the most accessible experience. diff --git a/src/pages/en/mapping-between-revised-section-508-and-en-301-549-2014-2018-2019-and-2021.md b/src/pages/en/mapping-between-revised-section-508-and-en-301-549-2014-2018-2019-and-2021.md index d9caa5021..1d5fcf6a2 100644 --- a/src/pages/en/mapping-between-revised-section-508-and-en-301-549-2014-2018-2019-and-2021.md +++ b/src/pages/en/mapping-between-revised-section-508-and-en-301-549-2014-2018-2019-and-2021.md @@ -6,20 +6,9 @@ subject: tags: - procurement toggle: mise-en-correspondance-entre-l-article-508-revise-revised-section-508-et-la-norme-en-301-549-2014-2018-2019-et-2021 +tocSimple: true --- -## On this page - -- [Copyright Notice](#copyright-notice) -- [Caveat](#caveat) -- [Intended Audience](#intended-audience) -- [Background](#background) -- [Purpose](#purpose) -- [Summary of differences](#summary-of-differences) -- [Sources](#sources) -- [Glossary](#glossary) -- [Comparison tables](#comparison-tables) - ## Copyright Notice This document reproduces relevant ICT accessibility requirements from the EN 301 549 Harmonised European Standard "Accessibility requirements for ICT products and services" (© used under license from European Telecommunications Standards Institute 2014, 2018, 2019 and 2021. © Comité Européen de Normalisation 2014, 2018, 2019, 2021. © Comité Européen de Normalisation Électrotechnique 2014, 2018, 2019 and 2021. All rights reserved.) diff --git a/src/pages/en/personas-with-disabilities-for-inclusive-user-experience-ux-design.md b/src/pages/en/personas-with-disabilities-for-inclusive-user-experience-ux-design.md index 36d7eb232..4f341a563 100644 --- a/src/pages/en/personas-with-disabilities-for-inclusive-user-experience-ux-design.md +++ b/src/pages/en/personas-with-disabilities-for-inclusive-user-experience-ux-design.md @@ -6,24 +6,9 @@ subject: tags: - designCourse toggle: personas-handicapes-pour-la-conception-d-une-experience-utilisateur-inclusive-eu +tocSimple: true --- -## On this page - -- [Creating equal access for everyone](#creating-equal-access-for-everyone) -- [Understanding adaptive techniques, tools and technology](#understanding-adaptive-techniques-tools-and-technology) - - [Vision enhancement technology](#vision-enhancement-technology) - - [Vision replacement technology](#vision-replacement-technology) - - [Audio enhancement and replacement technology](#audio-enhancement-and-replacement-technology) - - [Mobility and dexterity enhancement and replacement technology](#mobility-and-dexterity-enhancement-and-replacement-technology) - - [Cognitive and learning style enhancement technology](#cognitive-and-learning-style-enhancement-technology) -- [Breaking down usability barriers](#breaking-down-usability-barriers) - - [Involve users throughout your project](#involve-users-throughout-your-project) -- [Incorporating accessibility needs into personas](#incorporating-accessibility-needs-into-personas) -- [Sample of general personas with disabilities](#sample-of-general-personas-with-disabilities) -- [Sample of Government of Canada (GC) employee personas with disabilities](#sample-of-government-of-canada-gc-employee-personas-with-disabilities) -- [References](#references) - The purpose of this document is to assist the user in understanding how to build personas with disabilities. Personas are fictional characters created to represent different user types that may use a site, brand, or product in their own particular ways. Developers often design websites and web applications, both desktop and mobile, to their own liking which can potentially cause barriers for some users. It is important to plan for a diverse group of users with a wide range of abilities, technical levels, functional capabilities and familiarity with processes or activities. One important aspect of Inclusive Design is to include people with disabilities in the early design stage and throughout all steps in the software development life-cycle. This will help increase the accessibility and usability components of the end product and better ensure inclusive best practices. This document is a collection of material from a variety of sources geared towards assembling a cohesive view towards inclusion by design. ## Creating equal access for everyone diff --git a/src/pages/en/terms-of-reference.md b/src/pages/en/terms-of-reference.md index 1e76c3d2e..4a9e2f7e3 100644 --- a/src/pages/en/terms-of-reference.md +++ b/src/pages/en/terms-of-reference.md @@ -4,18 +4,9 @@ description: Terms of Reference define the purpose and scope of the Digital Acce toggle: mandats tags: - aboutUs +toc: true --- -## On this page - -- [Purpose](#purpose) -- [Key roles](#key-roles) -- [Reporting structure](#reporting-structure) -- [Membership](#membership) -- [Operating procedures and frequency of meetings](#operating-procedures-and-frequency-of-meetings) -- [Scope](#scope) -- [Resources](#resources) - ## Purpose The purpose of this task force is to collaborate on the creation of a structured platform to centralize Government of Canada (GC) information on accessibility. diff --git a/src/pages/fr/mise-en-correspondance-entre-l-article-508-revise-revised-section-508-et-la-norme-en-301-549-2014-2018-2019-et-2021.md b/src/pages/fr/mise-en-correspondance-entre-l-article-508-revise-revised-section-508-et-la-norme-en-301-549-2014-2018-2019-et-2021.md index dfff5c902..ca5ce7827 100644 --- a/src/pages/fr/mise-en-correspondance-entre-l-article-508-revise-revised-section-508-et-la-norme-en-301-549-2014-2018-2019-et-2021.md +++ b/src/pages/fr/mise-en-correspondance-entre-l-article-508-revise-revised-section-508-et-la-norme-en-301-549-2014-2018-2019-et-2021.md @@ -6,20 +6,9 @@ subject: tags: - procurement toggle: mapping-between-revised-section-508-and-en-301-549-2014-2018-2019-and-2021 +tocSimple: true --- -## Sur cette page - -- [Avis de droit d’auteur](#avis-de-droit-dauteur) -- [Avertissement](#avertissement) -- [Public visé](#public-visé) -- [Contexte](#contexte) -- [But](#but) -- [Résumé des différences](#résumé-des-différences) -- [Sources](#sources) -- [Glossaire](#glossaire) -- [Tableaux comparatifs](#tableaux-comparatifs) - ## Avis de droit d’auteur Ce document reproduit les exigences pertinentes en matière d’accessibilité des TIC du EN 301 549 norme européenne harmonisée « Exigences en accessibilité pour les produits et services en TIC », disponible en anglais seulement, (© utilisé sous la licence de l’Institut Européen de Normalisation des Télécommunications 2014, 2018, 2019 et 2021. © Comité Européen de Normalisation 2014, 2018, 2019 et 2021. © Comité Européen de Normalisation Électrotechnique 2014, 2018, 2019, 2021. Tous droits réservés.) diff --git a/src/pages/fr/personas-handicapes-pour-la-conception-d-une-experience-utilisateur-inclusive-eu.md b/src/pages/fr/personas-handicapes-pour-la-conception-d-une-experience-utilisateur-inclusive-eu.md index f246f9d39..630a3ead5 100644 --- a/src/pages/fr/personas-handicapes-pour-la-conception-d-une-experience-utilisateur-inclusive-eu.md +++ b/src/pages/fr/personas-handicapes-pour-la-conception-d-une-experience-utilisateur-inclusive-eu.md @@ -6,27 +6,9 @@ subject: tags: - designCourse toggle: personas-with-disabilities-for-inclusive-user-experience-ux-design +tocSimple: true --- -## Sur cette page - -- [Sur cette page](#sur-cette-page) -- [Créer l’égalité d’accès pour tous](#créer-légalité-daccès-pour-tous) -- [Comprendre les techniques, les outils et la technologie d’adaptation](#comprendre-les-techniques-les-outils-et-la-technologie-dadaptation) - - [Technologie d’amélioration de la vision](#technologie-damélioration-de-la-vision) - - [Technologie de substitution de la vision](#technologie-de-substitution-de-la-vision) - - [Technologie d’amélioration et de substitution de l’audio](#technologie-damélioration-et-de-substitution-de-laudio) - - [Technologie d’amélioration et de substitution de la mobilité et de la dextérité](#technologie-damélioration-et-de-substitution-de-la-mobilité-et-de-la-dextérité) - - [Technologie d’amélioration du style cognitif et d’apprentissage](#technologie-damélioration-du-style-cognitif-et-dapprentissage) -- [Élimination des obstacles à la facilité d’utilisation](#élimination-des-obstacles-à-la-facilité-dutilisation) - - [Faire participer les utilisateurs aux projets](#faire-participer-les-utilisateurs-aux-projets) -- [Intégration des besoins en matière d’accessibilité aux personas](#intégration-des-besoins-en-matière-daccessibilité-aux-personas) -- [Exemple de personas généraux handicapés](#exemple-de-personas-généraux-handicapés) -- [Exemple de personas d’employés handicapées du gouvernement du Canada](#exemple-de-personas-demployés-handicapées-du-gouvernement-du-canada) -- [Références](#références) - - - Le présent document a pour but _d’aider_ l’utilisateur à comprendre la manière de créer des personas handicapés. Des personas sont des personnages fictifs créés pour représenter divers types d’utilisateurs dont l’utilisation d’un site, d’une marque ou d’un produit serait unique. Souvent, les développeurs conçoivent des sites Web, des applications Web de bureau et mobiles à leurs propres goûts, ce qui peut éventuellement créer des obstacles pour certains utilisateurs. Il est important de planifier pour un groupe diversifié d’utilisateurs présentant un vaste éventail de capacités et d’incapacités, de niveaux techniques, de capacités fonctionnelles et de degrés de familiarité avec les processus ou les activités. Un aspect important de la conception inclusive consiste à inclure les personnes handicapées dès la première étape de la conception, puis à toutes les étapes du cycle de vie du développement logiciel. On contribuera ainsi à élever l’accessibilité et la convivialité du produit final et à mieux assurer l’inclusion de tous. Le présent document est un recueil de données provenant de diverses sources et visant à créer une vision cohérente de la conception inclusive. ## Créer l’égalité d’accès pour tous diff --git a/src/pages/fr/rendre-vos-courriel-accessibles.md b/src/pages/fr/rendre-vos-courriel-accessibles.md index d58a9ac35..02dc3173e 100644 --- a/src/pages/fr/rendre-vos-courriel-accessibles.md +++ b/src/pages/fr/rendre-vos-courriel-accessibles.md @@ -5,23 +5,9 @@ tags: - howTos - updatesMain toggle: making-accessible-emails +tocSimple: true --- -## Sur cette page - -- [Format du texte](#format-du-texte) -- [Message bilingue (le cas échéant)](#message-bilingue-le-cas-échéant) -- [Langage clair](#langage-clair) -- [Styles](#styles) -- [Polices de caractères](#polices-de-caractères) -- [Utilisation de la couleur](#utilisation-de-la-couleur) -- [Contraste de couleurs](#contraste-de-couleurs) -- [Thèmes Outlook](#thèmes-outlook) -- [Structure sémantique](#structure-sémantique) -- [Images accessibles](#images-accessibles) -- [Utilisation de tableaux](#utilisation-de-tableaux) -- [Hyperliens pertinents](#hyperliens-pertinents) - ## Format du texte Outlook offre trois options de format : HTML, texte brut et texte enrichi. Parmi ces trois options, le format HTML est celui qui rend le contenu le plus accessible. diff --git a/src/pages/fr/ressources-additionnelles.md b/src/pages/fr/ressources-additionnelles.md index 2003fed3a..e1ade4547 100644 --- a/src/pages/fr/ressources-additionnelles.md +++ b/src/pages/fr/ressources-additionnelles.md @@ -6,17 +6,9 @@ internalLinks: true toggle: additional-resources tags: - resourcesAndTools +tocSimple: true --- -## Sur cette page - -- [Apprentissage](#apprentissage) -- [Développement](#developpement) -- [Politique](#politique) -- [Approvisionnement](#approvisionnement) -- [Réunions et événements virtuels accessibles](#reunions-et-evenements-virtuels-accessibles) -- [Services](#services) - ## Apprentissage
diff --git a/src/pages/fr/test-d-accessibilite-101.md b/src/pages/fr/test-d-accessibilite-101.md index 3970e3ede..b82cfbdf9 100644 --- a/src/pages/fr/test-d-accessibilite-101.md +++ b/src/pages/fr/test-d-accessibilite-101.md @@ -6,19 +6,9 @@ subject: - howTos tags: - testYourProducts +toc: true --- -## Sur cette page - -- [Création d’un ensemble d’outils](#creation-d-un-ensemble-d-outils) - - [Outil : Extensions de navigateur WAVE](#outil-extensions-de-navigateur-wave) - - [Outil : Accessibility Insights for Web](#outil-accessibility-insights-for-web) - - [Outil: LightHouse](#outil-light-house) -- [Aide et ressources supplémentaires](#aide-et-ressources-supplementaires) - - [Tests clavier et manuels de votre site](#tests-clavier-et-manuels-de-votre-site) - - [Principes de base des tests au clavier](#principes-de-base-des-tests-au-clavier) - - [Ressources supplémentaires](#ressources-supplementaires) - Veuillez noter que certains des outils de test d’accessibilité répertoriés nécessitent des autorisations administratives pour être installés sur votre appareil. ## Création d’un ensemble d’outils