From a83c32f034272a7788767bb97b142e2b4c89d3cf Mon Sep 17 00:00:00 2001 From: Shawn Thompson Date: Thu, 28 Aug 2025 10:54:43 -0400 Subject: [PATCH 01/11] feat: add core role system data structure - Add comprehensive roles.js with W3C ARRM role definitions - Add rolePairs.js for role page generation - Add groupPairsEn.js and groupPairsFr.js for role group organization - Define 13 accessibility roles across 4 role groups - Include bilingual role labels and detailed job descriptions --- src/_data/groupPairsEn.js | 19 +++ src/_data/groupPairsFr.js | 19 +++ src/_data/rolePairs.js | 6 + src/_data/roles.js | 281 ++++++++++++++++++++++++++++++++++++++ 4 files changed, 325 insertions(+) create mode 100644 src/_data/groupPairsEn.js create mode 100644 src/_data/groupPairsFr.js create mode 100644 src/_data/rolePairs.js create mode 100644 src/_data/roles.js diff --git a/src/_data/groupPairsEn.js b/src/_data/groupPairsEn.js new file mode 100644 index 000000000..ca5c7fb24 --- /dev/null +++ b/src/_data/groupPairsEn.js @@ -0,0 +1,19 @@ +module.exports = () => { + const roles = require("./roles.js"); + return Object.entries(roles.groups.en).map(([key, name]) => { + // Get all role keys that belong to this group + const roleKeysInGroup = Object.entries(roles.roles) + .filter(([, meta]) => meta.group === key) + .map(([roleKey]) => roleKey); + + // Get the translated labels for these roles + const roleLabels = roleKeysInGroup.map(roleKey => roles.labels.en[roleKey]); + + return [ + key, + name, + roles.descriptions.en[key], + roleLabels + ]; + }).sort(); +}; diff --git a/src/_data/groupPairsFr.js b/src/_data/groupPairsFr.js new file mode 100644 index 000000000..17a18804a --- /dev/null +++ b/src/_data/groupPairsFr.js @@ -0,0 +1,19 @@ +module.exports = () => { + const roles = require("./roles.js"); + return Object.entries(roles.groups.fr).map(([key, name]) => { + // Get all role keys that belong to this group + const roleKeysInGroup = Object.entries(roles.roles) + .filter(([, meta]) => meta.group === key) + .map(([roleKey]) => roleKey); + + // Get the translated labels for these roles + const roleLabels = roleKeysInGroup.map(roleKey => roles.labels.fr[roleKey]); + + return [ + key, + name, + roles.descriptions.fr[key], + roleLabels + ]; + }).sort(); +}; diff --git a/src/_data/rolePairs.js b/src/_data/rolePairs.js new file mode 100644 index 000000000..fcfc247ca --- /dev/null +++ b/src/_data/rolePairs.js @@ -0,0 +1,6 @@ +// Build an array of [roleKey, roleMeta] tuples from roles.roles +module.exports = () => { + const rolesData = require("./roles.js"); // same folder as this file + // rolesData.roles is an object like { contentAuthoring: { group: "author" }, ... } + return Object.entries(rolesData.roles).sort(([a], [b]) => a.localeCompare(b)); +}; diff --git a/src/_data/roles.js b/src/_data/roles.js new file mode 100644 index 000000000..36b4c5873 --- /dev/null +++ b/src/_data/roles.js @@ -0,0 +1,281 @@ +// _data/roles.js +module.exports = { + // canonical keys you'll reference in front matter + roles: { + businessAnalysis: { group: "business" }, + contentAuthoring: { group: "author" }, + contentPublishing: { group: "author" }, + uxResearch: { group: "design" }, + uxDesign: { group: "design" }, + visualDesign: { group: "design" }, + frontEndDev: { group: "development" }, + backEndDev: { group: "development" }, + qaAutomated: { group: "testing" }, + qaManual: { group: "testing" }, + productOwnership: { group: "administration" }, + projectManagement: { group: "administration" }, + governance: { group: "administration" }, + }, + + // translated labels for roles + labels: { + en: { + businessAnalysis: "Business analysis", + contentAuthoring: "Content authoring", + contentPublishing: "Content publishing", + uxResearch: "User experience research", + uxDesign: "User experience design", + visualDesign: "Visual design", + frontEndDev: "Front-end development", + backEndDev: "Back-end development", + qaAutomated: "Automated QA testing", + qaManual: "Manual QA testing", + productOwnership: "Product ownership", + projectManagement: "Project management", + governance: "Governance", + }, + fr: { + businessAnalysis: "Analyse d'affaires", + contentAuthoring: "Rédaction de contenu", + contentPublishing: "Publication de contenu", + uxResearch: "Recherche UX", + uxDesign: "Conception UX", + visualDesign: "Conception visuelle", + frontEndDev: "Développement front-end", + backEndDev: "Développement back-end", + qaAutomated: "Tests AQ automatisés", + qaManual: "Tests AQ manuels", + productOwnership: "Propriété du produit", + projectManagement: "Gestion de projet", + governance: "Gouvernance", + }, + }, + + // translated labels for groups + groups: { + en: { + business: "Business role group", + author: "Author role group", + design: "Design role group", + development: "Development role group", + testing: "Testing role group", + administration: "Administration role group", + }, + fr: { + business: "Groupe des rôles d'affaires", + author: "Groupe des rôles d'auteurs", + design: "Groupe des rôles de conception", + development: "Groupe des rôles de développement", + testing: "Groupe des rôles de test", + administration: "Groupe des rôles administratifs", + }, + }, + + // ARRM role descriptions from W3C WAI + arrm: { + en: { + businessAnalysis: { + title: "Business Analysis", + description: "Business analysts are involved in the design or modification of business systems or IT systems. They interact with business stakeholders and subject matter experts in order to understand their problems and needs. They gather, document and analyze business needs and requirements to help steer the team towards an end result that meets the organization's needs and expectations.", + jobTitles: ["Business Analyst", "Client Sponsor"], + groupDescription: "Writes business requirements and/or initial user stories, are concerned with ensuring that the project delivers the agreed-upon business benefits." + }, + contentAuthoring: { + title: "Content Authoring", + description: "Content creation is often used in marketing, but can also be a task assigned to a role within a product team. Content creation involves defining a content strategy, the writing or creation of the content or media for a product. The person who authors the content is responsible for making sure that content is accessible to people with disabilities. Content creation extends to roles specific audio and video media production. These begin with the writing of scripts but can extend to the production of the media files or support of live streaming content.", + keyDeliverables: ["Body copy", "managed content", "scripts", "taxonomies", "writing guidelines", "media files including PDF, audio and video"], + tasks: ["Content authoring", "media and documentation creation", "content strategies definition"], + jobTitles: ["Content Strategist", "Content Creator", "Content Designer", "Content Author", "Digital Copywriter", "UX Writer", "Content Producer", "Technical Writer", "Script Writer", "Video Producer", "Podcast Host"], + groupDescription: "This role includes content strategy and content authoring, including audio/video production. Responsible for creating all text presented by the deliverable in all forms (HTML, audio, video). Defines or selects the standards the content should meet and processes for its review and preparation." + }, + contentPublishing: { + title: "Content Publishing", + description: "Team members who are not front-end web developers that are tasked with preparing content for publishing to websites, products, applications, etc. These team members do not author content, instead they work with the content within specific business enterprise systems or software tools and apply edits to material generated by content authors. Content Publishers may perform some tasks that are a part of the front end web developer skillset, however they are not web developers and are often applying this markup using proprietary tools and widget.", + keyDeliverables: ["Content editing and formatting", "metadata and SEO optimization", "content publishing schedule", "cross-platform compatibility", "quality assurance and testing"], + tasks: ["Advanced tagging in a PDF document", "adjusting timing of captions", "creating and editing transcripts", "conversion to ePUB documentation", "applying tags though a proprietary software to generate heading structure", "SSML"], + jobTitles: ["Content Strategist", "Content Producer", "Content Publisher", "Publishing Technology Specialist", "Content Designer", "Video Editor", "Accessible Materials Specialist", "Information Developer", "Content Developer", "Publishing Implementation Manager"], + groupDescription: "This role includes content strategy and content authoring, including audio/video production. Responsible for creating all text presented by the deliverable in all forms (HTML, audio, video). Defines or selects the standards the content should meet and processes for its review and preparation." + }, + uxResearch: { + title: "User Experience Researcher", + description: "UX Researchers conduct both exploratory and generative research with end users (e.g. user interviews, ethnographic research, etc.) to gather their feedback. The responsibility of this role is to continuously feed user feedback to those creating products. They test existing concepts and summarize user insights to inform the assets that will be built by the roles in UX Design, Visual Design, Front-end Development and Content Authoring.", + keyDeliverables: ["Findings from moderated and unmoderated versions of user research studies", "usability testing and user interviews (i.e. a moderator or facilitator was present during the test, or the end user was alone)"], + tasks: ["Conducting user research with a partial prototype", "concept", "or completed product"], + jobTitles: ["User Researcher", "UXR (User Experience Researcher)", "Usability Analyst"], + groupDescription: "This group includes user research, user experience (UX), and presentation decisions. Some roles within this group define the user experience of a product, designing its behaviors and interactions with the end user and/or their assistive technologies. Some roles provide the general \"look and feel\" of the products and features, covering presentation, fonts and colors. Others outline the functionality of features, and their operation through assistive technologies (ATs). They translate input from business roles into user stories, requirements, specifications, documentation, and guidelines used by other roles (mainly Development) to build the finished product. This includes applying user research that has been conducted and an understanding of the intended audiences for a quality experience." + }, + uxDesign: { + title: "User Experience Design", + description: "UX Designers can potentially cover numerous related areas, from conceptualizing the user journey to partial front-end development. For the purposes of this resource, UX Design is defined by its core responsibilities, such as information architecture, creating wireframes (low fidelity screen mockups), and creating prototypes that define interactions.", + keyDeliverables: ["User journeys", "wireframes", "prototypes", "interaction guidelines", "information architecture"], + tasks: ["User workflow / process maps", "designing user experiences", "user task and workflow mapping", "creating and maintaining user personas"], + jobTitles: ["User Experience (UX) Designer", "Product Designer", "Web Designer", "Service Designer"], + groupDescription: "This group includes user research, user experience (UX), and presentation decisions. Some roles within this group define the user experience of a product, designing its behaviors and interactions with the end user and/or their assistive technologies. Some roles provide the general \"look and feel\" of the products and features, covering presentation, fonts and colors. Others outline the functionality of features, and their operation through assistive technologies (ATs). They translate input from business roles into user stories, requirements, specifications, documentation, and guidelines used by other roles (mainly Development) to build the finished product. This includes applying user research that has been conducted and an understanding of the intended audiences for a quality experience." + }, + visualDesign: { + title: "Visual Design", + description: "Visual Designers focus largely on the look and feel of an product, as an end user would experience it, visually or otherwise. This includes specifying original design of interface elements and layout, choosing fonts and colors, and more. While UX design is focused on how something works, visual design is focused on how it looks and feels.", + keyDeliverables: ["Style guides", "page comps", "design mockups", "image files"], + tasks: ["Visual styling", "logos and branding", "animation", "and iconography design"], + jobTitles: ["Visual Designer", "User Interface (UI) Designer", "Interaction Designer", "Graphic Designer"], + groupDescription: "This group includes user research, user experience (UX), and presentation decisions. Some roles within this group define the user experience of a product, designing its behaviors and interactions with the end user and/or their assistive technologies. Some roles provide the general \"look and feel\" of the products and features, covering presentation, fonts and colors. Others outline the functionality of features, and their operation through assistive technologies (ATs). They translate input from business roles into user stories, requirements, specifications, documentation, and guidelines used by other roles (mainly Development) to build the finished product. This includes applying user research that has been conducted and an understanding of the intended audiences for a quality experience." + }, + frontEndDev: { + title: "Front-End Development", + description: "Front-end development typically builds the parts of a product that will be interacted with by the user - specifically, the user interface. For the purpose of this resource, front-end development refers to the implementation or codification of the design in functional templates for a product using technologies such as HTML, CSS and JavaScript.", + keyDeliverables: ["HTML and CSS files", "client-side scripting", "JavaScript libraries and frameworks"], + tasks: ["Pattern libraries and prototypes", "template functionalities", "semantically-rich HTML document structures and widgets", "use and adapt frameworks and content management systems"], + jobTitles: ["Front-End Developer", "Web Developer", "Full-Stack Developer", "UI/UX Developer", "JavaScript Developer", "UI/UX Engineer"], + groupDescription: "Oversees the creation, coding and delivery of the product based upon the requirements provided. Responsible for all user-facing and supporting systems, along with all related infrastructure selection, setup and deployment." + }, + backEndDev: { + title: "Back-End Development", + description: "Back-end developers have a smaller, more indirect involvement with accessibility work, but still play a critical role in delivering accessible products, as the underlying product architecture can inform accessibility solutions. It's important for back-end developers to be involved in accessibility discussions so that any potential issues stemming from how the database is organized can be caught and fixed, or better yet, avoided altogether.", + jobTitles: ["Back-End Developer", "Middleware Developer", "Database Architect", "Data Engineer"], + groupDescription: "Oversees the creation, coding and delivery of the product based upon the requirements provided. Responsible for all user-facing and supporting systems, along with all related infrastructure selection, setup and deployment." + }, + qaAutomated: { + title: "Automated QA Testing", + description: "Quality Assurance (QA) automation frameworks typically run against products in order to test features and functionality that would otherwise fall to a manual QA tester. For the purpose of this resource, a QA Tester performing automated tests is responsible for running tests within an automation framework that covers accessibility features and requirements. This can be accomplished either through automation of functional tests, and/or the inclusion of an accessibility testing library within the framework. QA Testers responsible for automated testing may also typically run automated accessibility testing tools, such as browser extensions or add-ons. It is expected that automated tools will uncover about 30 to 35% of potential accessibility issues on a screen. The rest will be identified through the team's manual accessibility testing methodology.", + jobTitles: ["QA Automation Engineer", "Quality Engineer", "Automation Engineer"], + groupDescription: "QA Testers run automated test frameworks or manually test products to confirm correct operation based upon provided requirement. Quality Assurance (QA) Testers typically don't contribute directly to the design and development phases of a product. They may have the opportunity to review and sign off on designs before they are implemented. The main accessibility role of a QA Tester in the accessibility lifecycle is to understand the accessibility requirements that exist and to run tests to ensure the product or feature conforms to those requirements. The testing roles have been split between automated and manual, but a number of QA professionals will do both." + }, + qaManual: { + title: "Manual QA Testing", + description: "Quality Assurance Testers responsible for manual testing will typically handle the testing that cannot be covered through the use of automated tools. They will typically be resources that are more knowledgeable about accessibility, with a deeper understanding of the requirements, and some experience operating assistive technologies for testing, such as screen readers. They will typically run a series of test cases to validate the degree of inclusion of the components of a screen and will be charged with making sure that the overall user experience is positive for people with disabilities. It is expected that manual testing will build on top of an automated testing process, in order to cover the remaining 65 to 70% of potential accessibility issues on any given screen.", + jobTitles: ["QA Analyst", "QA Specialist", "User Acceptance Tester", "Functional Tester"], + groupDescription: "QA Testers run automated test frameworks or manually test products to confirm correct operation based upon provided requirement. Quality Assurance (QA) Testers typically don't contribute directly to the design and development phases of a product. They may have the opportunity to review and sign off on designs before they are implemented. The main accessibility role of a QA Tester in the accessibility lifecycle is to understand the accessibility requirements that exist and to run tests to ensure the product or feature conforms to those requirements. The testing roles have been split between automated and manual, but a number of QA professionals will do both." + }, + productOwnership: { + title: "Product Ownership", + description: "Product owners own individual products and define their features and are key to defining the importance of accessibility on a project. It is their job to make sure that products are built and delivered in a way that meets business needs and user needs. They should have some basic understanding of the accessibility implications of the UI requirements they request, such as cost and required infrastructure. But, as with features in general, they delegate design and implementation decisions to other roles. As a result, they are typically not directly involved and do not have ownership in the ARRM model.", + jobTitles: ["Product Manager", "Product Owner", "Release Manager", "Business Owner"], + groupDescription: "The roles in this section cover managing the product and project, as well as other bureaucratic functions of the broader organization that often have a larger mandate than any individual project. Most administrative roles, as defined in this resource, have very little, if anything, to do with the design, the implementation, or the testing of accessibility principles to create more inclusive applications and websites. These roles, however, are still instrumental in ensuring that the team members who are actively taking part in making content accessible and conformant with WCAG can be successful at doing so. This begins with project managers and product owners working hand in hand with the design, development and testing teams, but also other governance roles contributing to steering the organization's culture in a direction that is aligned with the goals pursued by accessibility guidelines." + }, + projectManagement: { + title: "Project Management", + description: "Project managers are primarily responsible for keeping everything about the process of building a product organized and on track. They have little decision-making power directly impacting accessibility. The person managing the project should make sure that accessibility is built into estimates, user stories (if Agile), and requirements documents. In smaller teams, the roles of product owners and project managers often overlap.", + jobTitles: ["Project Manager", "Scrum Master (Agile)", "Team Lead"], + groupDescription: "The roles in this section cover managing the product and project, as well as other bureaucratic functions of the broader organization that often have a larger mandate than any individual project. Most administrative roles, as defined in this resource, have very little, if anything, to do with the design, the implementation, or the testing of accessibility principles to create more inclusive applications and websites. These roles, however, are still instrumental in ensuring that the team members who are actively taking part in making content accessible and conformant with WCAG can be successful at doing so. This begins with project managers and product owners working hand in hand with the design, development and testing teams, but also other governance roles contributing to steering the organization's culture in a direction that is aligned with the goals pursued by accessibility guidelines." + }, + governance: { + title: "Governance", + description: "Unlike most other administrative roles, governance is not part of an individual project team. Their mandate focuses on the big picture, often enterprise-wide initiatives. Most importantly to individual projects, governance roles are deliberative (often committee-based) and are not bound to the deadlines of a singular project without outside, executive influence to encourage higher-velocity decision making.", + jobTitles: ["Legal", "procurement", "conformance", "administrative", "governance", "branding"], + groupDescription: "The roles in this section cover managing the product and project, as well as other bureaucratic functions of the broader organization that often have a larger mandate than any individual project. Most administrative roles, as defined in this resource, have very little, if anything, to do with the design, the implementation, or the testing of accessibility principles to create more inclusive applications and websites. These roles, however, are still instrumental in ensuring that the team members who are actively taking part in making content accessible and conformant with WCAG can be successful at doing so. This begins with project managers and product owners working hand in hand with the design, development and testing teams, but also other governance roles contributing to steering the organization's culture in a direction that is aligned with the goals pursued by accessibility guidelines." + } + }, + fr: { + businessAnalysis: { + title: "Analyse d'affaires", + description: "Les analystes d'affaires participent à la conception ou à la modification de systèmes d'affaires ou de systèmes informatiques. Ils interagissent avec les parties prenantes et les experts en la matière afin de comprendre leurs problèmes et leurs besoins. Ils recueillent, documentent et analysent les besoins et exigences d'affaires pour aider à orienter l'équipe vers un résultat final qui répond aux besoins et attentes de l'organisation.", + jobTitles: ["Analyste d'affaires", "Commanditaire client"], + groupDescription: "Rédige les exigences d'affaires et/ou les récits utilisateur initiaux, s'assure que le projet livre les bénéfices d'affaires convenus." + }, + contentAuthoring: { + title: "Rédaction de contenu", + description: "La création de contenu est souvent utilisée en marketing, mais peut aussi être une tâche assignée à un rôle au sein d'une équipe de produit. La création de contenu implique la définition d'une stratégie de contenu, la rédaction ou la création du contenu ou des médias pour un produit. La personne qui rédige le contenu est responsable de s'assurer que le contenu est accessible aux personnes handicapées. La création de contenu s'étend aux rôles spécifiques de production de médias audio et vidéo. Celles-ci commencent par la rédaction de scripts mais peuvent s'étendre à la production des fichiers multimédias ou au support de contenu de diffusion en direct.", + keyDeliverables: ["Texte de base", "contenu géré", "scripts", "taxonomies", "directives de rédaction", "fichiers multimédias incluant PDF, audio et vidéo"], + tasks: ["Rédaction de contenu", "création de médias et de documentation", "définition de stratégies de contenu"], + jobTitles: ["Stratège de contenu", "Créateur de contenu", "Concepteur de contenu", "Auteur de contenu", "Rédacteur numérique", "Rédacteur UX", "Producteur de contenu", "Rédacteur technique", "Scénariste", "Producteur vidéo", "Animateur de podcast"], + groupDescription: "Ce rôle inclut la stratégie de contenu et la création de contenu, incluant la production audio/vidéo. Responsable de créer tout le texte présenté par le livrable sous toutes les formes (HTML, audio, vidéo). Définit ou sélectionne les normes que le contenu doit respecter et les processus pour sa révision et préparation." + }, + contentPublishing: { + title: "Publication de contenu", + description: "Membres d'équipe qui ne sont pas des développeurs web front-end et qui sont chargés de préparer le contenu pour la publication sur des sites web, produits, applications, etc. Ces membres d'équipe ne créent pas de contenu, ils travaillent plutôt avec le contenu dans des systèmes d'entreprise spécifiques ou des outils logiciels et appliquent des modifications au matériel généré par les auteurs de contenu. Les éditeurs de contenu peuvent effectuer certaines tâches qui font partie de l'ensemble de compétences du développeur web front-end, cependant ils ne sont pas des développeurs web et appliquent souvent cette balisage en utilisant des outils propriétaires et des widgets.", + keyDeliverables: ["Édition et formatage de contenu", "optimisation des métadonnées et SEO", "calendrier de publication de contenu", "compatibilité multiplateforme", "assurance qualité et tests"], + tasks: ["Balisage avancé dans un document PDF", "ajustement du timing des sous-titres", "création et édition de transcriptions", "conversion vers la documentation ePUB", "application de balises via un logiciel propriétaire pour générer une structure d'en-têtes", "SSML"], + jobTitles: ["Stratège de contenu", "Producteur de contenu", "Éditeur de contenu", "Spécialiste en technologie de publication", "Concepteur de contenu", "Éditeur vidéo", "Spécialiste en matériaux accessibles", "Développeur d'information", "Développeur de contenu", "Gestionnaire d'implémentation de publication"], + groupDescription: "Ce rôle inclut la stratégie de contenu et la création de contenu, incluant la production audio/vidéo. Responsable de créer tout le texte présenté par le livrable sous toutes les formes (HTML, audio, vidéo). Définit ou sélectionne les normes que le contenu doit respecter et les processus pour sa révision et préparation." + }, + uxResearch: { + title: "Recherche d'expérience utilisateur", + description: "Les chercheurs UX mènent des recherches exploratoires et génératives avec les utilisateurs finaux (par exemple, entretiens utilisateur, recherche ethnographique, etc.) pour recueillir leurs commentaires. La responsabilité de ce rôle est de fournir continuellement les commentaires des utilisateurs à ceux qui créent les produits. Ils testent les concepts existants et résument les insights utilisateur pour informer les actifs qui seront construits par les rôles en conception UX, conception visuelle, développement front-end et création de contenu.", + keyDeliverables: ["Résultats d'études de recherche utilisateur modérées et non modérées", "tests d'utilisabilité et entretiens utilisateur (c'est-à-dire qu'un modérateur ou facilitateur était présent pendant le test, ou l'utilisateur final était seul)"], + tasks: ["Mener des recherches utilisateur avec un prototype partiel", "concept", "ou produit terminé"], + jobTitles: ["Chercheur utilisateur", "UXR (Chercheur d'expérience utilisateur)", "Analyste d'utilisabilité"], + groupDescription: "Ce groupe inclut la recherche utilisateur, l'expérience utilisateur (UX), et les décisions de présentation. Certains rôles de ce groupe définissent l'expérience utilisateur d'un produit, concevant ses comportements et interactions avec l'utilisateur final et/ou leurs technologies d'assistance. Certains rôles fournissent l'apparence générale des produits et fonctionnalités, couvrant la présentation, les polices et couleurs. D'autres décrivent la fonctionnalité des caractéristiques, et leur fonctionnement à travers les technologies d'assistance (TA). Ils traduisent les entrées des rôles d'affaires en récits utilisateur, exigences, spécifications, documentation et directives utilisées par d'autres rôles (principalement le développement) pour construire le produit fini. Cela inclut l'application de recherche utilisateur qui a été menée et une compréhension des audiences visées pour une expérience de qualité." + }, + uxDesign: { + title: "Conception d'expérience utilisateur", + description: "Les concepteurs UX peuvent potentiellement couvrir de nombreux domaines connexes, de la conceptualisation du parcours utilisateur au développement front-end partiel. Aux fins de cette ressource, la conception UX est définie par ses responsabilités principales, telles que l'architecture de l'information, la création de wireframes (maquettes d'écran de faible fidélité), et la création de prototypes qui définissent les interactions.", + keyDeliverables: ["Parcours utilisateur", "wireframes", "prototypes", "directives d'interaction", "architecture de l'information"], + tasks: ["Cartes de flux de travail / processus utilisateur", "conception d'expériences utilisateur", "cartographie des tâches et flux de travail utilisateur", "création et maintenance de personas utilisateur"], + jobTitles: ["Concepteur d'expérience utilisateur (UX)", "Concepteur de produit", "Concepteur web", "Concepteur de service"], + groupDescription: "Ce groupe inclut la recherche utilisateur, l'expérience utilisateur (UX), et les décisions de présentation. Certains rôles de ce groupe définissent l'expérience utilisateur d'un produit, concevant ses comportements et interactions avec l'utilisateur final et/ou leurs technologies d'assistance. Certains rôles fournissent l'apparence générale des produits et fonctionnalités, couvrant la présentation, les polices et couleurs. D'autres décrivent la fonctionnalité des caractéristiques, et leur fonctionnement à travers les technologies d'assistance (TA). Ils traduisent les entrées des rôles d'affaires en récits utilisateur, exigences, spécifications, documentation et directives utilisées par d'autres rôles (principalement le développement) pour construire le produit fini. Cela inclut l'application de recherche utilisateur qui a été menée et une compréhension des audiences visées pour une expérience de qualité." + }, + visualDesign: { + title: "Conception visuelle", + description: "Les concepteurs visuels se concentrent largement sur l'apparence et la sensation d'un produit, tel qu'un utilisateur final l'expérimenterait, visuellement ou autrement. Cela inclut la spécification de la conception originale des éléments d'interface et de la mise en page, le choix des polices et couleurs, et plus encore. Alors que la conception UX se concentre sur comment quelque chose fonctionne, la conception visuelle se concentre sur comment cela apparaît et se ressent.", + keyDeliverables: ["Guides de style", "compositions de page", "maquettes de conception", "fichiers d'image"], + tasks: ["Style visuel", "logos et image de marque", "animation", "et conception d'iconographie"], + jobTitles: ["Concepteur visuel", "Concepteur d'interface utilisateur (UI)", "Concepteur d'interaction", "Graphiste"], + groupDescription: "Ce groupe inclut la recherche utilisateur, l'expérience utilisateur (UX), et les décisions de présentation. Certains rôles de ce groupe définissent l'expérience utilisateur d'un produit, concevant ses comportements et interactions avec l'utilisateur final et/ou leurs technologies d'assistance. Certains rôles fournissent l'apparence générale des produits et fonctionnalités, couvrant la présentation, les polices et couleurs. D'autres décrivent la fonctionnalité des caractéristiques, et leur fonctionnement à travers les technologies d'assistance (TA). Ils traduisent les entrées des rôles d'affaires en récits utilisateur, exigences, spécifications, documentation et directives utilisées par d'autres rôles (principalement le développement) pour construire le produit fini. Cela inclut l'application de recherche utilisateur qui a été menée et une compréhension des audiences visées pour une expérience de qualité." + }, + frontEndDev: { + title: "Développement front-end", + description: "Le développement front-end construit typiquement les parties d'un produit qui seront interagies par l'utilisateur - spécifiquement, l'interface utilisateur. Aux fins de cette ressource, le développement front-end fait référence à l'implémentation ou codification de la conception en modèles fonctionnels pour un produit utilisant des technologies telles que HTML, CSS et JavaScript.", + keyDeliverables: ["Fichiers HTML et CSS", "scripts côté client", "bibliothèques et frameworks JavaScript"], + tasks: ["Bibliothèques de modèles et prototypes", "fonctionnalités de modèles", "structures de documents HTML et widgets sémantiquement riches", "utiliser et adapter des frameworks et systèmes de gestion de contenu"], + jobTitles: ["Développeur front-end", "Développeur web", "Développeur full-stack", "Développeur UI/UX", "Développeur JavaScript", "Ingénieur UI/UX"], + groupDescription: "Supervise la création, le codage et la livraison du produit basé sur les exigences fournies. Responsable de tous les systèmes orientés utilisateur et de support, ainsi que de toute la sélection, configuration et déploiement d'infrastructure connexe." + }, + backEndDev: { + title: "Développement back-end", + description: "Les développeurs back-end ont une implication plus petite et plus indirecte avec le travail d'accessibilité, mais jouent toujours un rôle critique dans la livraison de produits accessibles, car l'architecture de produit sous-jacente peut informer les solutions d'accessibilité. Il est important que les développeurs back-end soient impliqués dans les discussions d'accessibilité afin que tout problème potentiel découlant de la façon dont la base de données est organisée puisse être attrapé et corrigé, ou mieux encore, évité complètement.", + jobTitles: ["Développeur back-end", "Développeur middleware", "Architecte de base de données", "Ingénieur de données"], + groupDescription: "Supervise la création, le codage et la livraison du produit basé sur les exigences fournies. Responsable de tous les systèmes orientés utilisateur et de support, ainsi que de toute la sélection, configuration et déploiement d'infrastructure connexe." + }, + qaAutomated: { + title: "Tests AQ automatisés", + description: "Les frameworks d'automatisation d'assurance qualité (AQ) s'exécutent typiquement contre les produits afin de tester les fonctionnalités et la fonctionnalité qui autrement incomberaient à un testeur AQ manuel. Aux fins de cette ressource, un testeur AQ effectuant des tests automatisés est responsable d'exécuter des tests dans un framework d'automatisation qui couvre les fonctionnalités et exigences d'accessibilité. Ceci peut être accompli soit par l'automatisation de tests fonctionnels, et/ou l'inclusion d'une bibliothèque de tests d'accessibilité dans le framework. Les testeurs AQ responsables des tests automatisés peuvent aussi typiquement exécuter des outils de tests d'accessibilité automatisés, tels que des extensions de navigateur ou des modules complémentaires. Il est attendu que les outils automatisés découvriront environ 30 à 35% des problèmes d'accessibilité potentiels sur un écran. Le reste sera identifié à travers la méthodologie de tests d'accessibilité manuels de l'équipe.", + jobTitles: ["Ingénieur d'automatisation AQ", "Ingénieur qualité", "Ingénieur d'automatisation"], + groupDescription: "Les testeurs AQ exécutent des frameworks de tests automatisés ou testent manuellement les produits pour confirmer le fonctionnement correct basé sur les exigences fournies. Les testeurs d'assurance qualité (AQ) ne contribuent typiquement pas directement aux phases de conception et développement d'un produit. Ils peuvent avoir l'opportunité de réviser et approuver les conceptions avant qu'elles soient implémentées. Le rôle principal d'accessibilité d'un testeur AQ dans le cycle de vie d'accessibilité est de comprendre les exigences d'accessibilité qui existent et d'exécuter des tests pour s'assurer que le produit ou la fonctionnalité se conforme à ces exigences. Les rôles de test ont été divisés entre automatisé et manuel, mais un nombre de professionnels AQ feront les deux." + }, + qaManual: { + title: "Tests AQ manuels", + description: "Les testeurs d'assurance qualité responsables des tests manuels géreront typiquement les tests qui ne peuvent pas être couverts par l'utilisation d'outils automatisés. Ils seront typiquement des ressources qui sont plus connaissantes sur l'accessibilité, avec une compréhension plus profonde des exigences, et une certaine expérience d'utilisation des technologies d'assistance pour les tests, telles que les lecteurs d'écran. Ils exécuteront typiquement une série de cas de test pour valider le degré d'inclusion des composants d'un écran et seront chargés de s'assurer que l'expérience utilisateur globale est positive pour les personnes handicapées. Il est attendu que les tests manuels s'appuieront sur un processus de tests automatisés, afin de couvrir les 65 à 70% restants des problèmes d'accessibilité potentiels sur tout écran donné.", + jobTitles: ["Analyste AQ", "Spécialiste AQ", "Testeur d'acceptation utilisateur", "Testeur fonctionnel"], + groupDescription: "Les testeurs AQ exécutent des frameworks de tests automatisés ou testent manuellement les produits pour confirmer le fonctionnement correct basé sur les exigences fournies. Les testeurs d'assurance qualité (AQ) ne contribuent typiquement pas directement aux phases de conception et développement d'un produit. Ils peuvent avoir l'opportunité de réviser et approuver les conceptions avant qu'elles soient implémentées. Le rôle principal d'accessibilité d'un testeur AQ dans le cycle de vie d'accessibilité est de comprendre les exigences d'accessibilité qui existent et d'exécuter des tests pour s'assurer que le produit ou la fonctionnalité se conforme à ces exigences. Les rôles de test ont été divisés entre automatisé et manuel, mais un nombre de professionnels AQ feront les deux." + }, + productOwnership: { + title: "Propriété du produit", + description: "Les propriétaires de produit possèdent des produits individuels et définissent leurs fonctionnalités et sont clés pour définir l'importance de l'accessibilité sur un projet. C'est leur travail de s'assurer que les produits sont construits et livrés d'une manière qui répond aux besoins d'affaires et aux besoins des utilisateurs. Ils devraient avoir une certaine compréhension de base des implications d'accessibilité des exigences UI qu'ils demandent, telles que le coût et l'infrastructure requise. Mais, comme avec les fonctionnalités en général, ils délèguent les décisions de conception et d'implémentation à d'autres rôles. En conséquence, ils ne sont typiquement pas directement impliqués et n'ont pas de propriété dans le modèle ARRM.", + jobTitles: ["Gestionnaire de produit", "Propriétaire de produit", "Gestionnaire de version", "Propriétaire d'affaires"], + groupDescription: "Les rôles de cette section couvrent la gestion du produit et du projet, ainsi que d'autres fonctions bureaucratiques de l'organisation plus large qui ont souvent un mandat plus large que tout projet individuel. La plupart des rôles administratifs, tels que définis dans cette ressource, ont très peu, voire rien, à voir avec la conception, l'implémentation, ou les tests des principes d'accessibilité pour créer des applications et sites web plus inclusifs. Ces rôles, cependant, sont toujours instrumentaux pour s'assurer que les membres d'équipe qui participent activement à rendre le contenu accessible et conforme aux WCAG peuvent réussir à le faire. Cela commence avec les gestionnaires de projet et propriétaires de produit travaillant main dans la main avec les équipes de conception, développement et test, mais aussi d'autres rôles de gouvernance contribuant à orienter la culture de l'organisation dans une direction qui est alignée avec les objectifs poursuivis par les directives d'accessibilité." + }, + projectManagement: { + title: "Gestion de projet", + description: "Les gestionnaires de projet sont principalement responsables de maintenir tout ce qui concerne le processus de construction d'un produit organisé et sur la bonne voie. Ils ont peu de pouvoir décisionnel impactant directement l'accessibilité. La personne gérant le projet devrait s'assurer que l'accessibilité est intégrée dans les estimations, les récits utilisateur (si Agile), et les documents d'exigences. Dans les petites équipes, les rôles de propriétaires de produit et gestionnaires de projet se chevauchent souvent.", + jobTitles: ["Gestionnaire de projet", "Scrum Master (Agile)", "Chef d'équipe"], + groupDescription: "Les rôles de cette section couvrent la gestion du produit et du projet, ainsi que d'autres fonctions bureaucratiques de l'organisation plus large qui ont souvent un mandat plus large que tout projet individuel. La plupart des rôles administratifs, tels que définis dans cette ressource, ont très peu, voire rien, à voir avec la conception, l'implémentation, ou les tests des principes d'accessibilité pour créer des applications et sites web plus inclusifs. Ces rôles, cependant, sont toujours instrumentaux pour s'assurer que les membres d'équipe qui participent activement à rendre le contenu accessible et conforme aux WCAG peuvent réussir à le faire. Cela commence avec les gestionnaires de projet et propriétaires de produit travaillant main dans la main avec les équipes de conception, développement et test, mais aussi d'autres rôles de gouvernance contribuant à orienter la culture de l'organisation dans une direction qui est alignée avec les objectifs poursuivis par les directives d'accessibilité." + }, + governance: { + title: "Gouvernance", + description: "Contrairement à la plupart des autres rôles administratifs, la gouvernance ne fait pas partie d'une équipe de projet individuelle. Leur mandat se concentre sur la vue d'ensemble, souvent des initiatives à l'échelle de l'entreprise. Plus important pour les projets individuels, les rôles de gouvernance sont délibératifs (souvent basés sur des comités) et ne sont pas liés aux échéances d'un projet singulier sans influence exécutive extérieure pour encourager une prise de décision à plus haute vélocité.", + jobTitles: ["Juridique", "approvisionnement", "conformité", "administratif", "gouvernance", "image de marque"], + groupDescription: "Les rôles de cette section couvrent la gestion du produit et du projet, ainsi que d'autres fonctions bureaucratiques de l'organisation plus large qui ont souvent un mandat plus large que tout projet individuel. La plupart des rôles administratifs, tels que définis dans cette ressource, ont très peu, voire rien, à voir avec la conception, l'implémentation, ou les tests des principes d'accessibilité pour créer des applications et sites web plus inclusifs. Ces rôles, cependant, sont toujours instrumentaux pour s'assurer que les membres d'équipe qui participent activement à rendre le contenu accessible et conforme aux WCAG peuvent réussir à le faire. Cela commence avec les gestionnaires de projet et propriétaires de produit travaillant main dans la main avec les équipes de conception, développement et test, mais aussi d'autres rôles de gouvernance contribuant à orienter la culture de l'organisation dans une direction qui est alignée avec les objectifs poursuivis par les directives d'accessibilité." + } + } + }, + + // detailed descriptions for groups + descriptions: { + en: { + business: "Business analysts and stakeholders who define requirements, conduct user research, and ensure digital products meet accessibility standards from a strategic perspective.", + author: "Content creators, writers, and publishers responsible for creating accessible content, including proper document structure, alternative text, and clear language.", + design: "User experience designers, visual designers, and researchers who create inclusive designs, conduct accessibility testing, and ensure usable interfaces for all users.", + development: "Front-end and back-end developers who implement accessible code, integrate assistive technologies, and build inclusive digital experiences.", + testing: "Quality assurance professionals who test for accessibility compliance, conduct automated and manual testing, and ensure products meet WCAG standards.", + administration: "Project managers, product owners, and governance teams who oversee accessibility strategy, ensure compliance, and manage accessibility initiatives.", + }, + fr: { + business: "Analystes d'affaires et parties prenantes qui définissent les exigences, mènent des recherches utilisateur et s'assurent que les produits numériques respectent les normes d'accessibilité d'un point de vue stratégique.", + author: "Créateurs de contenu, rédacteurs et éditeurs responsables de créer du contenu accessible, incluant une structure de document appropriée, du texte alternatif et un langage clair.", + design: "Concepteurs d'expérience utilisateur, concepteurs visuels et chercheurs qui créent des conceptions inclusives, effectuent des tests d'accessibilité et garantissent des interfaces utilisables pour tous.", + development: "Développeurs front-end et back-end qui implémentent du code accessible, intègrent les technologies d'assistance et construisent des expériences numériques inclusives.", + testing: "Professionnels de l'assurance qualité qui testent la conformité à l'accessibilité, effectuent des tests automatisés et manuels, et s'assurent que les produits respectent les normes WCAG.", + administration: "Gestionnaires de projet, propriétaires de produit et équipes de gouvernance qui supervisent la stratégie d'accessibilité, assurent la conformité et gèrent les initiatives d'accessibilité.", + }, + }, +}; From 86cabe9c2e023877772476f088f8adac4ca6d8f0 Mon Sep 17 00:00:00 2001 From: Shawn Thompson Date: Thu, 28 Aug 2025 10:55:20 -0400 Subject: [PATCH 02/11] feat: add Eleventy configuration and role template partials - Update .eleventy.js with role filtering functions (byRole, byAnyRole) - Add role-group-sections.njk partial for displaying role groups - Add role-mini-toc.njk partial for role navigation - Enable role-based content filtering across the site --- .eleventy.js | 39 ++++++++++++++++++ .../partials/role-group-sections.njk | 41 +++++++++++++++++++ src/_includes/partials/role-mini-toc.njk | 20 +++++++++ 3 files changed, 100 insertions(+) create mode 100644 src/_includes/partials/role-group-sections.njk create mode 100644 src/_includes/partials/role-mini-toc.njk diff --git a/.eleventy.js b/.eleventy.js index cc9294b66..12f250639 100644 --- a/.eleventy.js +++ b/.eleventy.js @@ -195,6 +195,45 @@ module.exports = function (eleventyConfig) { return changedPages; // Returning the changed URLs, titles, and locales for the template }); + // Get the role keys that belong to a given group + eleventyConfig.addFilter("roleKeysForGroup", function (groupKey, rolesData) { + if (!groupKey || !rolesData || !rolesData.roles) return []; + return Object.entries(rolesData.roles) + .filter(([, meta]) => meta.group === groupKey) + .map(([key]) => key); + }); + + // Given a list of role keys, return all pages that match ANY of them + eleventyConfig.addFilter("byAnyRole", function (collection, roleKeys) { + if (!collection || !roleKeys || !roleKeys.length) return []; + return collection.filter((item) => { + const r = item.data.role; + if (!r) return false; + const arr = Array.isArray(r) ? r : [r]; + return arr.some((k) => roleKeys.includes(k)); + }); + }); + + // Collection of all pages that have at least one role + eleventyConfig.addCollection("rolePages", (api) => + api.getAll().filter((item) => !!item.data.role) + ); + + // Custom collection for role groups to work around pagination tag issues + eleventyConfig.addCollection("roleGroup", (api) => { + // Find all pages generated from the roles-group.njk template OR + // pages with URLs matching role group patterns + return api.getAll().filter((item) => { + // Check if the page was generated from the roles-group template + const fromRoleGroupTemplate = item.inputPath && item.inputPath.includes('roles-group.njk'); + + // Check if URL matches role group pattern (e.g., /en/roles/business/, /fr/roles/design/) + const matchesRoleGroupPattern = item.url && item.url.match(/^\/(en|fr)\/roles\/(administration|author|business|design|development|testing)\/$/); + + return fromRoleGroupTemplate || matchesRoleGroupPattern; + }); + }); + // Add custom Markdown filter for Nunjucks eleventyConfig.addNunjucksFilter("markdown", function (value) { return md.render(value); diff --git a/src/_includes/partials/role-group-sections.njk b/src/_includes/partials/role-group-sections.njk new file mode 100644 index 000000000..35fdad48d --- /dev/null +++ b/src/_includes/partials/role-group-sections.njk @@ -0,0 +1,41 @@ +{# expects: lang, locale, rolesData, groupRoleKeys, collections, pathPrefix, landingPage, alerts #} +{% for rk in groupRoleKeys %} +{% set label = rolesData.labels[lang][rk] or rk %} +{% set anchor = label | stripTagsSlugify %} +{% set items = collections.rolePages +| byAnyRole([rk]) +| localeMatch(locale) +| sort(false, false, 'data.title') %} + +{% if items.length %} +
+

{{ label }}

+

{% if lang == 'fr' %}Aller à la page {{ label | lower }} ({{ items.length }}){% else %}Go to {{ label | lower }} page ({{ items.length }}){% endif %}

+
+ {% for item in items %} +
+

+ + {% if item.data.internal === true %} + + {{ alerts[locale].hiddenTextLink }} + {% endif %} + {{ item.data.title | safe }} + {% if item.data.oneLanguage %} {{ landingPage[locale].otherLangOnly }}{% endif %} + +

+

+ {% if item.data.description %} + {{ item.data.description | safe }} + {% else %} + {{ landingPage[locale].descriptionNoneText }} + {% endif %} +

+
+ {% endfor %} +
+
+{% endif %} +{% endfor %} diff --git a/src/_includes/partials/role-mini-toc.njk b/src/_includes/partials/role-mini-toc.njk new file mode 100644 index 000000000..50b8f8a9d --- /dev/null +++ b/src/_includes/partials/role-mini-toc.njk @@ -0,0 +1,20 @@ +{# expects: lang, locale, rolesData, groupRoleKeys, collections #} + From d205975e82565668ac930dc91a07d289e4b20060 Mon Sep 17 00:00:00 2001 From: Shawn Thompson Date: Thu, 28 Aug 2025 10:55:51 -0400 Subject: [PATCH 03/11] feat: add role navigation pages and templates - Add role.njk templates for individual role pages (English/French) - Add roles-group.njk templates for role group pages - Add roles/index.njk landing pages with role filtering interface - Include W3C ARRM role descriptions and job titles - Enable bilingual role-based content discovery --- src/main/en/role.njk | 96 +++++++++++++++++++++++++++++++++++++ src/main/en/roles-group.njk | 20 ++++++++ src/main/en/roles/index.njk | 26 ++++++++++ src/main/fr/role.njk | 96 +++++++++++++++++++++++++++++++++++++ src/main/fr/roles-group.njk | 19 ++++++++ src/main/fr/roles/index.njk | 40 ++++++++++++++++ 6 files changed, 297 insertions(+) create mode 100644 src/main/en/role.njk create mode 100644 src/main/en/roles-group.njk create mode 100644 src/main/en/roles/index.njk create mode 100644 src/main/fr/role.njk create mode 100644 src/main/fr/roles-group.njk create mode 100644 src/main/fr/roles/index.njk diff --git a/src/main/en/role.njk b/src/main/en/role.njk new file mode 100644 index 000000000..6217ce4aa --- /dev/null +++ b/src/main/en/role.njk @@ -0,0 +1,96 @@ +--- +tags: role +pagination: + data: rolePairs # global (see below) + size: 1 + alias: rolePair # [roleKey, roleMeta] +permalink: "/{{ locale }}/roles/{{ rolePair[0] }}/" +eleventyComputed: + title: "{{ roles.labels[locale][rolePair[0]] }}" + description: "{{ roles.arrm[locale][rolePair[0]].description if roles.arrm[locale][rolePair[0]] else 'Resources and guidance for ' + roles.labels[locale][rolePair[0]] | lower + ' roles in digital accessibility.' }}" + toggle: "roles/{{ rolePair[0] }}" +--- +{% set lang = locale or 'en' %} +{% set rolesData = roles %} +{% set roleKey = rolePair[0] %} +{% set groupKey = rolesData.roles[roleKey].group %} +{% set groupName = rolesData.groups[lang][groupKey] %} + +
+

+ {{ rolesData.labels[lang][roleKey] }} + Part of the {{ groupName }} +

+
+ +{% if rolesData.arrm[lang][roleKey] %} +
+ {% if rolesData.arrm[lang][roleKey].keyDeliverables %} +

Key deliverable examples:

+
    + {% for deliverable in rolesData.arrm[lang][roleKey].keyDeliverables %} +
  • {{ deliverable }}
  • + {% endfor %} +
+ {% endif %} + + {% if rolesData.arrm[lang][roleKey].tasks %} +

Tasks include:

+
    + {% for task in rolesData.arrm[lang][roleKey].tasks %} +
  • {{ task }}
  • + {% endfor %} +
+ {% endif %} + +

Example job titles for this role:

+
    + {% for title in rolesData.arrm[lang][roleKey].jobTitles %} +
  • {{ title }}
  • + {% endfor %} +
+ + {% if rolesData.arrm[lang][roleKey].groupDescription %} +

Role group description:

+

{{ rolesData.arrm[lang][roleKey].groupDescription }}

+ {% endif %} + +

This role description is adapted from the W3C WAI Accessibility Roles and Responsibilities Mapping (ARRM). You are welcome to use this information as is, or change it for your situation.

+
+{% endif %} + +{% set items = collections.rolePages + | byAnyRole([roleKey]) + | localeMatch(locale) + | sort(false, false, 'data.title') %} + +{% if items.length %} +
+

Resources and guidance

+
+ {% for item in items %} +
+

+ + {% if item.data.internal === true %} + + {{ alerts[locale].hiddenTextLink }} + {% endif %} + {{ item.data.title | safe }} + {% if item.data.oneLanguage %} {{ landingPage[locale].otherLangOnly }}{% endif %} + +

+

+ {% if item.data.description %} + {{ item.data.description | safe }} + {% else %} + {{ landingPage[locale].descriptionNoneText }} + {% endif %} +

+
+ {% endfor %} +
+
+{% endif %} diff --git a/src/main/en/roles-group.njk b/src/main/en/roles-group.njk new file mode 100644 index 000000000..87f8dfd82 --- /dev/null +++ b/src/main/en/roles-group.njk @@ -0,0 +1,20 @@ +--- +tags: roleGroup +pagination: + data: groupPairsEn # make this global (see below) + size: 1 + alias: groupPair # [key, label, description, roleLabels] +permalink: "/{{ locale }}/roles/{{ groupPair[0] }}/" +eleventyComputed: + title: "{{ groupPair[1] }}" + description: "{{ groupPair[2] }}" + toggle: "roles/{{ groupPair[0] }}" +--- +{% set lang = locale or 'en' %} +{% set rolesData = roles %} +{% set groupKey = groupPair[0] %} +{% set groupRoleKeys = groupKey | roleKeysForGroup(rolesData) %} + +{% include "partials/role-mini-toc.njk" %} +{% include "partials/role-group-sections.njk" %} + diff --git a/src/main/en/roles/index.njk b/src/main/en/roles/index.njk new file mode 100644 index 000000000..9b2dd8b32 --- /dev/null +++ b/src/main/en/roles/index.njk @@ -0,0 +1,26 @@ +--- +title: Accessibility in your role +description: We all have a role to play in accessibility. Learn more about job-specific accessibility tips and how to integrate them into your day-to-day work. +permalink: '/{{ locale }}/roles/' +toggle: roles +tags: + - main +--- + +{% include "partials/alert-landingpages.njk" %} + +
+ {% for roleGroup in groupPairsEn %} +
+

+ {{ roleGroup[1] }} +

+
    + {% for roleLabel in roleGroup[3] %} +
  • {{ roleLabel }}
  • + {% endfor %} +
+

{{ roleGroup[2] }}

+
+ {% endfor %} +
diff --git a/src/main/fr/role.njk b/src/main/fr/role.njk new file mode 100644 index 000000000..a920fd523 --- /dev/null +++ b/src/main/fr/role.njk @@ -0,0 +1,96 @@ +--- +tags: role +pagination: + data: rolePairs + size: 1 + alias: rolePair +permalink: "/{{ locale }}/roles/{{ rolePair[0] }}/" +eleventyComputed: + title: "{{ roles.labels[locale][rolePair[0]] }}" + description: "{{ roles.arrm[locale][rolePair[0]].description if roles.arrm[locale][rolePair[0]] else 'Ressources et conseils pour les rôles de ' + roles.labels[locale][rolePair[0]] | lower + ' en accessibilité numérique.' }}" + toggle: "roles/{{ rolePair[0] }}" +--- +{% set lang = locale or 'fr' %} +{% set rolesData = roles %} +{% set roleKey = rolePair[0] %} +{% set groupKey = rolesData.roles[roleKey].group %} +{% set groupName = rolesData.groups[lang][groupKey] %} + +
+

+ {{ rolesData.labels[lang][roleKey] }} + Fait partie du {{ groupName }} +

+
+ +{% if rolesData.arrm[lang][roleKey] %} +
+ {% if rolesData.arrm[lang][roleKey].keyDeliverables %} +

Exemples de livrables clés :

+
    + {% for deliverable in rolesData.arrm[lang][roleKey].keyDeliverables %} +
  • {{ deliverable }}
  • + {% endfor %} +
+ {% endif %} + + {% if rolesData.arrm[lang][roleKey].tasks %} +

Les tâches incluent :

+
    + {% for task in rolesData.arrm[lang][roleKey].tasks %} +
  • {{ task }}
  • + {% endfor %} +
+ {% endif %} + +

Exemples de titres d'emploi pour ce rôle :

+
    + {% for title in rolesData.arrm[lang][roleKey].jobTitles %} +
  • {{ title }}
  • + {% endfor %} +
+ + {% if rolesData.arrm[lang][roleKey].groupDescription %} +

Description du groupe de rôles :

+

{{ rolesData.arrm[lang][roleKey].groupDescription }}

+ {% endif %} + +

Cette description de rôle est adaptée du W3C WAI Accessibility Roles and Responsibilities Mapping (ARRM). Vous êtes libre d'utiliser ces informations telles quelles, ou de les modifier selon votre situation.

+
+{% endif %} + +{% set items = collections.rolePages + | byAnyRole([roleKey]) + | localeMatch(locale) + | sort(false, false, 'data.title') %} + +{% if items.length %} +
+

Ressources et conseils

+
+ {% for item in items %} +
+

+ + {% if item.data.internal === true %} + + {{ alerts[locale].hiddenTextLink }} + {% endif %} + {{ item.data.title | safe }} + {% if item.data.oneLanguage %} {{ landingPage[locale].otherLangOnly }}{% endif %} + +

+

+ {% if item.data.description %} + {{ item.data.description | safe }} + {% else %} + {{ landingPage[locale].descriptionNoneText }} + {% endif %} +

+
+ {% endfor %} +
+
+{% endif %} diff --git a/src/main/fr/roles-group.njk b/src/main/fr/roles-group.njk new file mode 100644 index 000000000..5ef6610e5 --- /dev/null +++ b/src/main/fr/roles-group.njk @@ -0,0 +1,19 @@ +--- +tags: roleGroup +pagination: + data: groupPairsFr + size: 1 + alias: groupPair +permalink: "/{{ locale }}/roles/{{ groupPair[0] }}/" +eleventyComputed: + title: "{{ groupPair[1] }}" + description: "{{ groupPair[2] }}" + toggle: "roles/{{ groupPair[0] }}" +--- +{% set lang = locale or 'fr' %} +{% set rolesData = roles %} +{% set groupKey = groupPair[0] %} +{% set groupRoleKeys = groupKey | roleKeysForGroup(rolesData) %} + +{% include "partials/role-mini-toc.njk" %} +{% include "partials/role-group-sections.njk" %} diff --git a/src/main/fr/roles/index.njk b/src/main/fr/roles/index.njk new file mode 100644 index 000000000..e22e886bc --- /dev/null +++ b/src/main/fr/roles/index.njk @@ -0,0 +1,40 @@ +--- +title: Rôles d'accessibilité +description: Aperçu des rôles et responsabilités pour assurer l'accessibilité dans les produits et services numériques, basé sur la cartographie des rôles et responsabilités d'accessibilité (ARRM) du W3C WAI. +permalink: '/{{ locale }}/roles/' +toggle: roles +role: + - businessAnalysis + - contentAuthoring + - contentPublishing + - uxResearch + - uxDesign + - visualDesign + - frontEndDev + - backEndDev + - qaAutomated + - qaManual + - productOwnership + - projectManagement + - governance +tags: + - main +--- + +{% include "partials/alert-landingpages.njk" %} + +
+ {% for roleGroup in groupPairsFr %} +
+

+ {{ roleGroup[1] }} +

+
    + {% for roleLabel in roleGroup[3] %} +
  • {{ roleLabel }}
  • + {% endfor %} +
+

{{ roleGroup[2] }}

+
+ {% endfor %} +
From a7fda6bb6c108c87e0103ccf935c85ac3d0d844b Mon Sep 17 00:00:00 2001 From: Shawn Thompson Date: Thu, 28 Aug 2025 10:56:40 -0400 Subject: [PATCH 04/11] feat: enhance UI components with role badge system - Add role column to pageListTable.njk with badge display - Update pageLabel.njk to show role badges for content - Enhance breadcrumbs.njk with role-based navigation - Update base layout to include role system CSS and JavaScript - Modify tagList.js to include role and roleGroup tags - Enable visual role identification across all pages --- src/_data/tagList.js | 32 ++++++------ src/_includes/layouts/base.njk | 11 ++++ src/_includes/partials/breadcrumbs.njk | 65 +++++++++++++++++------- src/_includes/partials/pageLabel.njk | 24 +++++++-- src/_includes/partials/pageListTable.njk | 37 +++++++++++--- 5 files changed, 125 insertions(+), 44 deletions(-) diff --git a/src/_data/tagList.js b/src/_data/tagList.js index 76881f524..671f5c590 100644 --- a/src/_data/tagList.js +++ b/src/_data/tagList.js @@ -2,19 +2,19 @@ module.exports = { tags: { fr: { aboutDisabilities: "Types de handicap les plus courants", - globalAccessibilityStandards: "Normes d’accessibilité mondiales", + globalAccessibilityStandards: "Normes d'accessibilité mondiales", createDocument: "Créer un document", createEmails: "Créer un courriel", createForms: "Créer un formulaire", - createWebContent: "Créer du contenu Web", + createWebContent: "Créer du contenu web", designCourse: "Concevoir un cours", designingAccessible: "Principes de conception pour des services accessibles", accessibleVirtualEvents: "Événements virtuels accessibles", testYourProducts: "Testez vos produits", - accessibilityAct: "Loi sur l’accessibilité", + accessibilityAct: "Loi sur l'accessibilité", procurement: "Approvisionnement", - accessibilityStandards: "Normes d’accessibilité", + accessibilityStandards: "Normes d'accessibilité", communityDirectory: "Répertoire de la communauté", aboutTheDigitalTheAccessibilityToolkitProject: "À propos du projet", contactUs: "Contactez-nous", @@ -27,8 +27,8 @@ module.exports = { "Comment créer des documents accessibles dans Microsoft 365", }, en: { - aboutDisabilities: "Most Common Types of Disability", - globalAccessibilityStandards: "Global Accessibility Standards", + aboutDisabilities: "Most common types of disability", + globalAccessibilityStandards: "Global accessibility standards", createDocument: "Create document", createEmails: "Create emails", createForms: "Create forms", @@ -37,12 +37,12 @@ module.exports = { designingAccessible: "Designing accessible services", accessibleVirtualEvents: "Accessible virtual events", testYourProducts: "Test your products", - accessibilityAct: "Accessibility Act", + accessibilityAct: "Accessibility act", procurement: "Procurement", accessibilityStandards: "Accessibility standards", - communityDirectory: "Community Directory", + communityDirectory: "Community directory", aboutTheDigitalTheAccessibilityToolkitProject: - "About the Digital the accessibility toolkit project", + "About the digital the accessibility toolkit project", contactUs: "Contact us", accessibilityInYourRole: "Accessibility in your role", mainAbout: "About us section on homepage", @@ -53,22 +53,24 @@ module.exports = { }, subjects: { fr: { - accessibilityFundamentals: "Principes de base de l’accessibilité", + accessibilityFundamentals: "Principes de base de l'accessibilité", howTos: "Comment faire", resourcesAndTools: "Ressources et outils", learningAndDevelopment: "Apprentissage et perfectionnement", accessibilityInTheGovernmentOfCanada: "Accessibilité numérique au gouvernement du Canada", aboutUs: "À propos de nous", + roles: "Accessibilité dans votre rôle", }, en: { - accessibilityFundamentals: "Accessibility Fundamentals", + accessibilityFundamentals: "Accessibility fundamentals", howTos: "How-tos", - resourcesAndTools: "Resources and Tools", - learningAndDevelopment: "Learning and Development", + resourcesAndTools: "Resources and tools", + learningAndDevelopment: "Learning and development", accessibilityInTheGovernmentOfCanada: - "Digital accessibility in the Government of Canada", - aboutUs: "About Us", + "Digital accessibility in the government of Canada", + aboutUs: "About us", + roles: "Accessibility in your role", }, }, }; diff --git a/src/_includes/layouts/base.njk b/src/_includes/layouts/base.njk index 4b15f8563..031913934 100644 --- a/src/_includes/layouts/base.njk +++ b/src/_includes/layouts/base.njk @@ -33,6 +33,17 @@ {% else %}

{{ landingPage[locale].descriptionNoneText }}

{% endif %} + {%- if role -%} +
+

Related roles:

+
    + {% for key in role %} +
  • + {{ roles.labels[locale][key] or key }} +
  • + {% endfor %} +
+ {%- endif -%} diff --git a/src/_includes/partials/breadcrumbs.njk b/src/_includes/partials/breadcrumbs.njk index a3e7ca024..751a6df61 100644 --- a/src/_includes/partials/breadcrumbs.njk +++ b/src/_includes/partials/breadcrumbs.njk @@ -73,23 +73,35 @@ Canada.ca > Digital Accessibility Toolkit > How to’s > Create web content > Ac {% if tags[0] != "main" and url != locale %} {% set counter = 3 %} {# Start the counter from 3, as 1 and 2 are already used #} - - {% if subject %} - {% for breadcrumb in subject %} -
  • - - {{ tagList.tags[locale][breadcrumb] or tagList.subjects[locale][breadcrumb] }} - - -
  • - {% set counter = counter + 1 %} - {% endfor %} - {% endif %} - - - {% if tags %} - {% for breadcrumb in tags %} - {% if breadcrumb != "updatesMain" %} + + {% if page.url.startsWith('/' + locale + '/roles/') and page.url != '/' + locale + '/roles/' %} + +
  • + + {{ tagList.subjects[locale].roles }} + + +
  • + {% set counter = counter + 1 %} + + + {% if pagination and pagination.items %} + {% set currentRole = pagination.items[pagination.pageNumber] %} + {% if currentRole.key and roles.roles[currentRole.key] %} + {% set groupKey = roles.roles[currentRole.key].group %} +
  • + + {{ roles.groups[locale][groupKey] }} + + +
  • + {% endif %} + {% endif %} + {% else %} + + + {% if subject %} + {% for breadcrumb in subject %}
  • {{ tagList.tags[locale][breadcrumb] or tagList.subjects[locale][breadcrumb] }} @@ -97,8 +109,23 @@ Canada.ca > Digital Accessibility Toolkit > How to’s > Create web content > Ac
  • {% set counter = counter + 1 %} - {% endif %} - {% endfor %} + {% endfor %} + {% endif %} + + + {% if tags %} + {% for breadcrumb in tags %} + {% if breadcrumb != "updatesMain" %} +
  • + + {{ tagList.tags[locale][breadcrumb] or tagList.subjects[locale][breadcrumb] }} + + +
  • + {% set counter = counter + 1 %} + {% endif %} + {% endfor %} + {% endif %} {% endif %} {% endif %} diff --git a/src/_includes/partials/pageLabel.njk b/src/_includes/partials/pageLabel.njk index 685f4e8ae..2c5d91dfd 100644 --- a/src/_includes/partials/pageLabel.njk +++ b/src/_includes/partials/pageLabel.njk @@ -1,9 +1,9 @@
    {% if locale === "en" %} -

    Subjects and tags

    +

    Subjects, tags and roles

    {% else %} -

    Sujets et étiquettes

    +

    Sujets, étiquettes et rôles

    {% endif %}
    {% if locale === "en" %} @@ -13,7 +13,7 @@ {% endif %}
    -
    +
    {% if subject %} subject:

      @@ -27,7 +27,7 @@ {% endif %} {% endif %}
    -
    +
    {% if tags %} tags:

      @@ -43,6 +43,22 @@ {% endif %} {% endif %}
    +
    + {% if role %} + roles:

    +
      + {% for item in role %} +
    • {{ item }}
    • + {% endfor %} +
    + {% else %} + {% if locale === "en" %} +

    There are no "roles"

    + {% else %} +

    Il n'y a pas de "rôles"

    + {% endif %} + {% endif %} +
    diff --git a/src/_includes/partials/pageListTable.njk b/src/_includes/partials/pageListTable.njk index a373cd3fc..db758ea93 100644 --- a/src/_includes/partials/pageListTable.njk +++ b/src/_includes/partials/pageListTable.njk @@ -8,7 +8,7 @@

    {{ pageList[locale].definitionButtonText }}

    @@ -57,12 +68,17 @@
  • +
  • +
  • +
  • @@ -86,7 +102,8 @@ {% if locale === "en" %}Other language link{% else %}Lien vers d'autres langues{% endif %} {{ pageList[locale].tagsText }} {{ pageList[locale].subjectsText }} - {% if locale === "en" %}Link to file{% else %}Lien vers le fichier{% endif %} + {% if locale === "en" %}Role{% else %}Rôle{% endif %} + {% if locale === "en" %}Link to file{% else %}Lien vers le fichier{% endif %} @@ -119,7 +136,15 @@ {% endfor %} {{ entry.data.subject }} - {{ newPath }} + + {% if entry.data.role %} + {% set roleList = entry.data.role if entry.data.role is iterable and entry.data.role is not string else [entry.data.role] %} + {% for roleItem in roleList %} + {{ roleItem }} + {% endfor %} + {% endif %} + + {{ newPath }} {% endif %} {% endif %} From 6cccfdc4a12bebc7f369c3e4298146b4f9995d02 Mon Sep 17 00:00:00 2001 From: Shawn Thompson Date: Thu, 28 Aug 2025 10:57:22 -0400 Subject: [PATCH 05/11] feat: add comprehensive role tags to all content pages - Add role tags to 166+ content pages across English and French - Tag navigation pages with appropriate roles (governance, etc.) - Tag content pages by role: contentAuthoring, uxDesign, qaAutomated, etc. - Tag Microsoft Office guides, accessibility standards, and how-to content - Ensure bilingual parity with equal role coverage (83 EN + 83 FR files) - Enable role-based content filtering and discovery across entire site --- src/_data/tagList.js | 32 +++++++++---------- src/main/en/about-us/index.njk | 2 ++ .../global-accessibility-standards.njk | 2 ++ .../en/accessibility-fundamentals/index.njk | 4 +++ .../most-common-types-of-disability.njk | 3 ++ .../accessibility-standards.njk | 2 ++ .../community-directory.njk | 2 ++ .../index.njk | 2 ++ .../procurement.njk | 4 +++ .../en/how-tos/accessible-virtual-events.njk | 4 +++ src/main/en/how-tos/create-document.njk | 3 ++ src/main/en/how-tos/create-forms.njk | 3 ++ src/main/en/how-tos/create-web-content.njk | 2 ++ src/main/en/how-tos/design-a-course.njk | 3 ++ .../how-tos/designing-accessible-services.njk | 4 +++ src/main/en/how-tos/index.njk | 4 +++ ...-accessible-documents-in-microsoft-365.njk | 3 ++ ...te-accessible-documents-in-office-2016.njk | 3 ++ src/main/en/how-tos/ms-office-tip-sheets.njk | 3 ++ src/main/en/how-tos/test-your-products.njk | 3 ++ src/main/en/resources-and-tools/index.njk | 3 ++ src/main/en/resources-and-tools/resources.njk | 3 ++ src/main/en/resources-and-tools/tools.njk | 3 ++ src/main/fr/a-propos-de-nous/index.njk | 2 ++ .../approvisionnement.njk | 2 ++ .../index.njk | 2 ++ .../repertoire-de-la-communaute.njk | 2 ++ .../fr/comment-faire/concevoir-un-cours.njk | 2 ++ .../fr/comment-faire/creer-du-contenu-web.njk | 2 ++ .../fr/comment-faire/creer-un-document.njk | 2 ++ .../fr/comment-faire/creer-un-formulaire.njk | 2 ++ .../evenements-virtuels-accessibles.njk | 2 ++ src/main/fr/comment-faire/index.njk | 4 +++ ...cuments-accessibles-dans-microsoft-365.njk | 2 ++ ...documents-accessibles-dans-office-2016.njk | 2 ++ ...nception-pour-des-services-accessibles.njk | 2 ++ .../fr/comment-faire/testez-vos-produits.njk | 2 ++ src/main/fr/index.njk | 2 ++ .../index.njk | 4 +++ .../normes-daccessibilite-mondiales.njk | 2 ++ .../types-de-handicap-les-plus-courants.njk | 2 ++ src/main/fr/ressources-et-outils/index.njk | 3 ++ src/main/fr/ressources-et-outils/outils.njk | 2 ++ .../fr/ressources-et-outils/ressources.njk | 2 ++ src/pages/en/accessibility-testing-101.md | 3 ++ src/pages/en/additional-resources.md | 3 ++ ...ext-and-long-description-best-practices.md | 2 ++ src/pages/en/audio-description-guidelines.md | 3 ++ src/pages/en/auditory-disabilities.md | 3 ++ ...practices-for-accessible-virtual-events.md | 4 +++ .../canada-school-of-public-service-csps.md | 2 ++ src/pages/en/captioning-checklist.md | 2 ++ src/pages/en/cognitive-disabilities.md | 3 ++ .../designing-for-users-of-screen-readers.md | 4 +++ ...igning-for-users-on-the-autism-spectrum.md | 2 ++ ...r-users-who-are-deaf-or-hard-of-hearing.md | 2 ++ ...g-for-users-with-cognitive-disabilities.md | 2 ++ .../designing-for-users-with-low-vision.md | 3 ++ ...ers-with-physical-or-motor-disabilities.md | 3 ++ src/pages/en/designing-accessible-images.md | 5 ++- .../digital-accessibility-toolkit-project.md | 3 ++ ...and-donts-for-developing-online-courses.md | 3 ++ ...ment-and-social-development-canada-esdc.md | 2 ++ ...ut-how-to-make-accessible-digital-forms.md | 3 ++ ...tion-technology-ict-related-procurement.md | 4 +++ ...chnology-ict-accessibility-requirements.md | 3 ++ ...essibility-requirements-for-audio-video.md | 3 ++ .../en/language-of-audiovideo-content.md | 3 ++ src/pages/en/learning-and-development.md | 3 ++ src/pages/en/live-broadcast.md | 3 ++ src/pages/en/making-accessible-emails.md | 3 ++ ...microsoft-document-compliance-checklist.md | 2 ++ ...ibility-and-body-structure-disabilities.md | 3 ++ ...sheet-microsoft-powerpoint-Presentation.md | 3 ++ .../tip-sheet-microsoft-word.md | 3 ++ .../ms-office-tip-sheets/tip-sheet-outlook.md | 3 ++ ...cessible-excel-workbooks-in-office-2016.md | 3 ++ ...accessible-pdf-documents-in-office-2016.md | 3 ++ ...powerpoint-presentations-in-office-2016.md | 3 ++ ...ccessible-visio-drawings-in-office-2016.md | 3 ++ ...ccessible-word-documents-in-office-2016.md | 3 ++ ...ssible-excel-workbooks-in-microsoft-365.md | 3 ++ ...cessible-pdf-documents-in-microsoft-365.md | 3 ++ ...werpoint-presentations-in-microsoft-365.md | 3 ++ ...essible-visio-drawings-in-microsoft-365.md | 3 ++ ...essible-word-documents-in-microsoft-365.md | 3 ++ src/pages/en/pdf-accessibility-checklist.md | 2 ++ ...for-inclusive-user-experience-ux-design.md | 3 ++ ...mediation-roadmap-template-instructions.md | 4 +++ src/pages/en/recordings.md | 2 ++ .../en/research-on-our-target-audience.md | 2 ++ src/pages/en/statistics-canada-statcan.md | 2 ++ ...munication-technology-ict-accessibility.md | 2 ++ ...cal-summary-of-the-en-301-549-v321-2021.md | 3 ++ src/pages/en/terms-of-reference.md | 3 ++ .../en/tips-for-creating-online-courses.md | 2 ++ src/pages/en/transcript-checklist.md | 2 ++ src/pages/en/transcript-guidelines.md | 2 ++ .../en/universal-design-for-learning-udl.md | 3 ++ ...ng-platforms-and-accessibility-features.md | 3 ++ src/pages/en/visual-impairments.md | 3 ++ src/pages/en/web-accessibility-checklist.md | 3 ++ ...nication-technology-accessibility-sicta.md | 2 ++ ...aire-pour-developper-des-cours-en-ligne.md | 3 ++ ...meliorer-laccessibilite-des-formulaires.md | 3 ++ .../fr/apprentissage-et-perfectionnement.md | 3 ++ ...our-les-evenements-virtuels-accessibles.md | 4 +++ ...ion-universelle-pour-lapprentissage-cua.md | 3 ++ .../fr/concevoir-des-images-accessibles.md | 5 ++- ...ls-pour-la-conception-de-cours-en-ligne.md | 2 ++ src/pages/fr/deficiences-auditives.md | 3 ++ src/pages/fr/deficiences-visuelles.md | 3 ++ src/pages/fr/diffusions-en-direct.md | 3 ++ .../directives-pour-la-description-sonore.md | 3 ++ .../fr/directives-pour-la-transcription.md | 2 ++ ...-de-la-fonction-publique-du-canada-efpc.md | 2 ++ ...loi-et-developpement-social-canada-edsc.md | 2 ++ src/pages/fr/enregistrements.md | 2 ++ ...n-et-des-communications-tic-accessibles.md | 3 ++ .../fiche-de-conseils-microsoft-word.md | 6 ++++ .../fiche-de-conseils-outlook.md | 6 ++++ ...ls-presentation-powerpoint-de-microsoft.md | 3 ++ ...-linformation-et-des-communications-tic.md | 4 +++ src/pages/fr/handicaps-cognitifs.md | 3 ++ ...-flexibilite-et-de-structure-corporelle.md | 3 ++ ...gences-daccessibilite-pour-laudio-video.md | 3 ++ src/pages/fr/langue-du-contenu-audiovideo.md | 3 ++ .../liste-de-controle-des-transcriptions.md | 2 ++ .../liste-de-controle-pour-le-sous-titrage.md | 2 ++ ...e-la-conformite-des-documents-microsoft.md | 2 ++ ...ion-de-laccessibilite-des-documents-pdf.md | 2 ++ ...de-verification-pour-laccessibilite-web.md | 3 ++ src/pages/fr/mandats.md | 3 ++ ...eurs-excel-accessibles-dans-office-2016.md | 3 ++ ...sins-visio-accessibles-dans-office-2016.md | 3 ++ ...uments-pdf-accessibles-dans-office-2016.md | 3 ++ ...ments-word-accessibles-dans-office-2016.md | 3 ++ ...powerpoint-accessibles-dans-office-2016.md | 3 ++ ...rs-excel-accessibles-dans-microsoft-365.md | 3 ++ ...ns-visio-accessibles-dans-microsoft-365.md | 3 ++ ...ents-pdf-accessibles-dans-microsoft-365.md | 3 ++ ...nts-word-accessibles-dans-microsoft-365.md | 3 ++ ...werpoint-accessibles-dans-microsoft-365.md | 3 ++ ...une-experience-utilisateur-inclusive-eu.md | 3 ++ ...-reunions-virtuelles-et-fonctionnalites.md | 3 ++ ...urs-avec-un-handicap-physique-ou-moteur.md | 3 ++ ...tilisateurs-dans-le-spectre-de-lautisme.md | 2 ++ ...-pour-les-utilisateurs-de-revues-decran.md | 4 +++ ...cevoir-pour-les-utilisateurs-malvoyants.md | 3 ++ ...es-utilisateurs-sourds-ou-malentendants.md | 2 ++ ...les-utilisateurs-avec-handicap-cognitif.md | 2 ++ ...correction-des-problemes-daccessibilite.md | 4 +++ ...te-a-outils-de-laccessibilite-numerique.md | 3 ++ ...information-et-des-communications-natic.md | 2 ++ src/pages/fr/recherche-sur-notre-audience.md | 2 ++ .../fr/rendre-vos-courriels-accessibles.md | 3 ++ src/pages/fr/ressources-additionnelles.md | 3 ++ ...hnique-de-la-norme-en-301-549-v321-2021.md | 3 ++ ...-linformation-et-des-communications-tic.md | 2 ++ src/pages/fr/statistique-canada-statcan.md | 2 ++ src/pages/fr/test-daccessibilite-101.md | 13 +++++++- ...-et-description-longue-bonnes-pratiques.md | 2 ++ 162 files changed, 472 insertions(+), 20 deletions(-) diff --git a/src/_data/tagList.js b/src/_data/tagList.js index 671f5c590..76881f524 100644 --- a/src/_data/tagList.js +++ b/src/_data/tagList.js @@ -2,19 +2,19 @@ module.exports = { tags: { fr: { aboutDisabilities: "Types de handicap les plus courants", - globalAccessibilityStandards: "Normes d'accessibilité mondiales", + globalAccessibilityStandards: "Normes d’accessibilité mondiales", createDocument: "Créer un document", createEmails: "Créer un courriel", createForms: "Créer un formulaire", - createWebContent: "Créer du contenu web", + createWebContent: "Créer du contenu Web", designCourse: "Concevoir un cours", designingAccessible: "Principes de conception pour des services accessibles", accessibleVirtualEvents: "Événements virtuels accessibles", testYourProducts: "Testez vos produits", - accessibilityAct: "Loi sur l'accessibilité", + accessibilityAct: "Loi sur l’accessibilité", procurement: "Approvisionnement", - accessibilityStandards: "Normes d'accessibilité", + accessibilityStandards: "Normes d’accessibilité", communityDirectory: "Répertoire de la communauté", aboutTheDigitalTheAccessibilityToolkitProject: "À propos du projet", contactUs: "Contactez-nous", @@ -27,8 +27,8 @@ module.exports = { "Comment créer des documents accessibles dans Microsoft 365", }, en: { - aboutDisabilities: "Most common types of disability", - globalAccessibilityStandards: "Global accessibility standards", + aboutDisabilities: "Most Common Types of Disability", + globalAccessibilityStandards: "Global Accessibility Standards", createDocument: "Create document", createEmails: "Create emails", createForms: "Create forms", @@ -37,12 +37,12 @@ module.exports = { designingAccessible: "Designing accessible services", accessibleVirtualEvents: "Accessible virtual events", testYourProducts: "Test your products", - accessibilityAct: "Accessibility act", + accessibilityAct: "Accessibility Act", procurement: "Procurement", accessibilityStandards: "Accessibility standards", - communityDirectory: "Community directory", + communityDirectory: "Community Directory", aboutTheDigitalTheAccessibilityToolkitProject: - "About the digital the accessibility toolkit project", + "About the Digital the accessibility toolkit project", contactUs: "Contact us", accessibilityInYourRole: "Accessibility in your role", mainAbout: "About us section on homepage", @@ -53,24 +53,22 @@ module.exports = { }, subjects: { fr: { - accessibilityFundamentals: "Principes de base de l'accessibilité", + accessibilityFundamentals: "Principes de base de l’accessibilité", howTos: "Comment faire", resourcesAndTools: "Ressources et outils", learningAndDevelopment: "Apprentissage et perfectionnement", accessibilityInTheGovernmentOfCanada: "Accessibilité numérique au gouvernement du Canada", aboutUs: "À propos de nous", - roles: "Accessibilité dans votre rôle", }, en: { - accessibilityFundamentals: "Accessibility fundamentals", + accessibilityFundamentals: "Accessibility Fundamentals", howTos: "How-tos", - resourcesAndTools: "Resources and tools", - learningAndDevelopment: "Learning and development", + resourcesAndTools: "Resources and Tools", + learningAndDevelopment: "Learning and Development", accessibilityInTheGovernmentOfCanada: - "Digital accessibility in the government of Canada", - aboutUs: "About us", - roles: "Accessibility in your role", + "Digital accessibility in the Government of Canada", + aboutUs: "About Us", }, }, }; diff --git a/src/main/en/about-us/index.njk b/src/main/en/about-us/index.njk index 4bd5f0768..7407e0cd8 100644 --- a/src/main/en/about-us/index.njk +++ b/src/main/en/about-us/index.njk @@ -2,6 +2,8 @@ title: About Us description: Learn about this project and connect with us if you want to contribute your ideas. toggle: a-propos-de-nous +role: + - governance --- {% if collections.aboutUs === undefined %} diff --git a/src/main/en/accessibility-fundamentals/global-accessibility-standards.njk b/src/main/en/accessibility-fundamentals/global-accessibility-standards.njk index 011183716..b0606981a 100644 --- a/src/main/en/accessibility-fundamentals/global-accessibility-standards.njk +++ b/src/main/en/accessibility-fundamentals/global-accessibility-standards.njk @@ -2,6 +2,8 @@ title: Global Accessibility Standards description: A set of guidelines to ensure digital content is accessible worldwide for people living with disabilities and frameworks for creating accessible digital products, services, and more. toggle: normes-daccessibilite-mondiales +role: + - governance tags: - accessibilityFundamentals --- diff --git a/src/main/en/accessibility-fundamentals/index.njk b/src/main/en/accessibility-fundamentals/index.njk index a133162ec..bcd3e0d5e 100644 --- a/src/main/en/accessibility-fundamentals/index.njk +++ b/src/main/en/accessibility-fundamentals/index.njk @@ -2,6 +2,10 @@ title: Accessibility Fundamentals description: Discover the principles behind accessible digital products and services. These principles remove barriers for people living with disabilities and ensures ease of use for all. toggle: principes-de-base-de-laccessibilite +role: + - governance + - contentAuthoring + - uxResearch tags: - main --- diff --git a/src/main/en/accessibility-fundamentals/most-common-types-of-disability.njk b/src/main/en/accessibility-fundamentals/most-common-types-of-disability.njk index 377a9a3f1..12ddfa9f0 100644 --- a/src/main/en/accessibility-fundamentals/most-common-types-of-disability.njk +++ b/src/main/en/accessibility-fundamentals/most-common-types-of-disability.njk @@ -2,6 +2,9 @@ title: Most Common Types of Disability description: Learn more about the most common types of disabilities in the workplace and their related accessibility considerations. toggle: types-de-handicap-les-plus-courants +role: + - uxResearch + - uxDesign tags: - accessibilityFundamentals --- diff --git a/src/main/en/accessibility-in-the-government-of-canada/accessibility-standards.njk b/src/main/en/accessibility-in-the-government-of-canada/accessibility-standards.njk index f59114a92..4ac93daef 100644 --- a/src/main/en/accessibility-in-the-government-of-canada/accessibility-standards.njk +++ b/src/main/en/accessibility-in-the-government-of-canada/accessibility-standards.njk @@ -2,6 +2,8 @@ title: Accessibility standards description: Stay up to date on all the latest accessibility standards and regulations in the government. toggle: normes-daccessibilite +role: + - governance tags: - accessibilityInTheGovernmentOfCanada --- diff --git a/src/main/en/accessibility-in-the-government-of-canada/community-directory.njk b/src/main/en/accessibility-in-the-government-of-canada/community-directory.njk index 8e45f628e..104f30427 100644 --- a/src/main/en/accessibility-in-the-government-of-canada/community-directory.njk +++ b/src/main/en/accessibility-in-the-government-of-canada/community-directory.njk @@ -2,6 +2,8 @@ title: Community Directory description: Learn more about the organizations, projects, and people working on accessibility within the Government of Canada. toggle: repertoire-de-la-communaute +role: + - governance internalLinks: true tags: - accessibilityInTheGovernmentOfCanada diff --git a/src/main/en/accessibility-in-the-government-of-canada/index.njk b/src/main/en/accessibility-in-the-government-of-canada/index.njk index 0aade76a0..afc4199ca 100644 --- a/src/main/en/accessibility-in-the-government-of-canada/index.njk +++ b/src/main/en/accessibility-in-the-government-of-canada/index.njk @@ -2,6 +2,8 @@ title: Digital accessibility in the Government of Canada description: Learn more about the Information and Communication Technology (ICT) accessibility standards, including the EN 301 549, which includes WCAG 2.1 level A and AA, when purchasing goods or services or designing a project, roles, and teams related to the Government of Canada. toggle: accessibilite-numerique-au-gouvernement-du-canada +role: + - governance tags: - main --- diff --git a/src/main/en/accessibility-in-the-government-of-canada/procurement.njk b/src/main/en/accessibility-in-the-government-of-canada/procurement.njk index 46043fd08..95b190bd2 100644 --- a/src/main/en/accessibility-in-the-government-of-canada/procurement.njk +++ b/src/main/en/accessibility-in-the-government-of-canada/procurement.njk @@ -2,6 +2,10 @@ title: Procurement description: Learn about, and access resources to support the inclusion of Information and Communication Technology (ICT) accessibility requirements into Government of Canada procurements and non-competitive contracts. toggle: approvisionnement +role: + - businessAnalysis + - governance + - projectManagement tags: - accessibilityInTheGovernmentOfCanada --- diff --git a/src/main/en/how-tos/accessible-virtual-events.njk b/src/main/en/how-tos/accessible-virtual-events.njk index 1638b7e3a..c8589d45c 100644 --- a/src/main/en/how-tos/accessible-virtual-events.njk +++ b/src/main/en/how-tos/accessible-virtual-events.njk @@ -2,6 +2,10 @@ title: Accessible virtual events description: Learn how to host accessible virtual meetings such as a training session, a meeting, or an open-door event. toggle: evenements-virtuels-accessibles +role: + - projectManagement + - contentAuthoring + - uxDesign tags: - howTos --- diff --git a/src/main/en/how-tos/create-document.njk b/src/main/en/how-tos/create-document.njk index 8b759b1a8..c0fdc8dab 100644 --- a/src/main/en/how-tos/create-document.njk +++ b/src/main/en/how-tos/create-document.njk @@ -2,6 +2,9 @@ title: Create document description: Find the core steps needed to create accessible documents and specific instructions for common document types. toggle: creer-un-document +role: + - contentAuthoring + - contentPublishing tags: - howTos --- diff --git a/src/main/en/how-tos/create-forms.njk b/src/main/en/how-tos/create-forms.njk index ccb6ca36b..2fbbe7019 100644 --- a/src/main/en/how-tos/create-forms.njk +++ b/src/main/en/how-tos/create-forms.njk @@ -2,6 +2,9 @@ title: Create forms description: Learn about the essential steps for creating accessible forms. toggle: creer-un-formulaire +role: + - contentAuthoring + - frontEndDev tags: - howTos --- diff --git a/src/main/en/how-tos/create-web-content.njk b/src/main/en/how-tos/create-web-content.njk index d43a4c587..d7a6ebbbd 100644 --- a/src/main/en/how-tos/create-web-content.njk +++ b/src/main/en/how-tos/create-web-content.njk @@ -2,6 +2,8 @@ title: Create web content description: Discover resources and job aids that help you create accessible web content. toggle: creer-du-contenu-web +role: + - contentAuthoring tags: - howTos --- diff --git a/src/main/en/how-tos/design-a-course.njk b/src/main/en/how-tos/design-a-course.njk index d3af657f4..c8bd74fdf 100644 --- a/src/main/en/how-tos/design-a-course.njk +++ b/src/main/en/how-tos/design-a-course.njk @@ -2,6 +2,9 @@ title: Design a course description: Learn about the roles and processes involved in designing and developing an accessible course. toggle: concevoir-un-cours +role: + - contentAuthoring + - uxDesign tags: - howTos --- diff --git a/src/main/en/how-tos/designing-accessible-services.njk b/src/main/en/how-tos/designing-accessible-services.njk index 0512f3823..6b25ca8c2 100644 --- a/src/main/en/how-tos/designing-accessible-services.njk +++ b/src/main/en/how-tos/designing-accessible-services.njk @@ -2,6 +2,10 @@ title: Designing accessible services description: With these tips, learn what you need to know to design for different disability categories. toggle: principes-de-conception-pour-des-services-accessibles +role: + - uxDesign + - visualDesign + - frontEndDev tags: - howTos --- diff --git a/src/main/en/how-tos/index.njk b/src/main/en/how-tos/index.njk index 3fa899569..b6781dc8a 100644 --- a/src/main/en/how-tos/index.njk +++ b/src/main/en/how-tos/index.njk @@ -2,6 +2,10 @@ title: How-tos description: Tips and core steps to help make all your digital products and content, such as documents and meetings, accessible. toggle: comment-faire +role: + - contentAuthoring + - contentPublishing + - uxDesign tags: - main --- diff --git a/src/main/en/how-tos/microsoft-office/how-to-create-accessible-documents-in-microsoft-365.njk b/src/main/en/how-tos/microsoft-office/how-to-create-accessible-documents-in-microsoft-365.njk index 7a228c7a0..667c30535 100644 --- a/src/main/en/how-tos/microsoft-office/how-to-create-accessible-documents-in-microsoft-365.njk +++ b/src/main/en/how-tos/microsoft-office/how-to-create-accessible-documents-in-microsoft-365.njk @@ -2,6 +2,9 @@ title: How to create accessible documents in Microsoft 365 description: Accessible practices for digital document creation. toggle: comment-creer-des-documents-accessibles-dans-microsoft-365 +role: + - contentAuthoring + - contentPublishing --- {# This allows us to use markdown in .njk files #} diff --git a/src/main/en/how-tos/microsoft-office/how-to-create-accessible-documents-in-office-2016.njk b/src/main/en/how-tos/microsoft-office/how-to-create-accessible-documents-in-office-2016.njk index 157efdb21..adb8a3e5d 100644 --- a/src/main/en/how-tos/microsoft-office/how-to-create-accessible-documents-in-office-2016.njk +++ b/src/main/en/how-tos/microsoft-office/how-to-create-accessible-documents-in-office-2016.njk @@ -2,6 +2,9 @@ title: How to create accessible documents in Office 2016 description: Accessible practices for digital document creation in Office 2016. toggle: comment-creer-des-documents-accessibles-dans-office-2016 +role: + - contentAuthoring + - contentPublishing --- {# This allows us to use markdown in .njk files #} diff --git a/src/main/en/how-tos/ms-office-tip-sheets.njk b/src/main/en/how-tos/ms-office-tip-sheets.njk index 64a195724..c36d45273 100644 --- a/src/main/en/how-tos/ms-office-tip-sheets.njk +++ b/src/main/en/how-tos/ms-office-tip-sheets.njk @@ -2,6 +2,9 @@ title: Tip sheets for Microsoft office description: Learn to identify and correct common accessibility issues in the Microsoft office suite of software. toggle: fiches-de-conseils-pour-microsoft-office +role: + - contentAuthoring + - contentPublishing tags: - createDocument - updatesMain diff --git a/src/main/en/how-tos/test-your-products.njk b/src/main/en/how-tos/test-your-products.njk index e45191971..daf8fcf12 100644 --- a/src/main/en/how-tos/test-your-products.njk +++ b/src/main/en/how-tos/test-your-products.njk @@ -2,6 +2,9 @@ title: Test your products description: Learn how to identify accessibility issues early and throughout the development process, when they are easier to address. toggle: testez-vos-produits +role: + - qaAutomated + - qaManual tags: - howTos - updatesMain diff --git a/src/main/en/resources-and-tools/index.njk b/src/main/en/resources-and-tools/index.njk index 8ec4f3b01..7a7b1f970 100644 --- a/src/main/en/resources-and-tools/index.njk +++ b/src/main/en/resources-and-tools/index.njk @@ -2,6 +2,9 @@ title: Resources and Tools description: Explore the various guides and learning materials created by federal public servants working to advance digital accessibility. toggle: ressources-et-outils +role: + - governance + - contentAuthoring tags: - main --- diff --git a/src/main/en/resources-and-tools/resources.njk b/src/main/en/resources-and-tools/resources.njk index 66ee6a76f..8ec162fd6 100644 --- a/src/main/en/resources-and-tools/resources.njk +++ b/src/main/en/resources-and-tools/resources.njk @@ -2,6 +2,9 @@ title: Resources description: Recommendations, links, and other resources to help us be the most accessible and inclusive we can be. toggle: ressources +role: + - governance + - contentAuthoring tags: --- diff --git a/src/main/en/resources-and-tools/tools.njk b/src/main/en/resources-and-tools/tools.njk index df08e9ba8..a9e7cad33 100644 --- a/src/main/en/resources-and-tools/tools.njk +++ b/src/main/en/resources-and-tools/tools.njk @@ -2,6 +2,9 @@ title: Tools description: Tips, recommendations, and learning materials to keep you informed about accessibility features that can be used every day in the federal public service. toggle: outils +role: + - governance + - frontEndDev tags: --- diff --git a/src/main/fr/a-propos-de-nous/index.njk b/src/main/fr/a-propos-de-nous/index.njk index fdf246df0..e8c387ae8 100644 --- a/src/main/fr/a-propos-de-nous/index.njk +++ b/src/main/fr/a-propos-de-nous/index.njk @@ -2,6 +2,8 @@ title: À propos de nous description: Découvrez ce projet et contactez-nous si vous souhaitez apporter vos idées. toggle: about-us +role: + - governance tags: --- diff --git a/src/main/fr/accessibilite-au-gouvernement-du-canada/approvisionnement.njk b/src/main/fr/accessibilite-au-gouvernement-du-canada/approvisionnement.njk index 4bf0a581f..b220a25f5 100644 --- a/src/main/fr/accessibilite-au-gouvernement-du-canada/approvisionnement.njk +++ b/src/main/fr/accessibilite-au-gouvernement-du-canada/approvisionnement.njk @@ -2,6 +2,8 @@ title: Approvisionnement description: En savoir plus et accéder à des ressources pour soutenir l'inclusion des exigences d'accessibilité des technologies de l'information et de la communication (TIC) dans les marchés publics et les contrats non concurrentiels du gouvernement du Canada. toggle: procurement +role: + - governance tags: - accessibilityInTheGovernmentOfCanada --- diff --git a/src/main/fr/accessibilite-au-gouvernement-du-canada/index.njk b/src/main/fr/accessibilite-au-gouvernement-du-canada/index.njk index f6d5b7a7e..d006d14b5 100644 --- a/src/main/fr/accessibilite-au-gouvernement-du-canada/index.njk +++ b/src/main/fr/accessibilite-au-gouvernement-du-canada/index.njk @@ -1,5 +1,7 @@ --- title: Accessibilité numérique au gouvernement du Canada +role: + - governance description: Apprenez davantage sur les normes d'accessibilité des technologies de l’information et des communications (TIC), y compris la norme EN 301 549, qui inclut les WCAG 2.1 niveau A et AA, lors de l'achat de biens ou de services ou de la conception d'un projet, ainsi que sur les rôles et les équipes liés au gouvernement du Canada. toggle: digital-accessibility-in-the-government-of-canada tags: diff --git a/src/main/fr/accessibilite-au-gouvernement-du-canada/repertoire-de-la-communaute.njk b/src/main/fr/accessibilite-au-gouvernement-du-canada/repertoire-de-la-communaute.njk index aacbf0de3..cd101be41 100644 --- a/src/main/fr/accessibilite-au-gouvernement-du-canada/repertoire-de-la-communaute.njk +++ b/src/main/fr/accessibilite-au-gouvernement-du-canada/repertoire-de-la-communaute.njk @@ -3,6 +3,8 @@ title: Répertoire de la communauté description: En savoir plus sur les organisations, les projets et les personnes qui travaillent sur l'accessibilité au sein du gouvernement du Canada. toggle: community-directory internalLinks: true +role: + - governance tags: - accessibilityInTheGovernmentOfCanada --- diff --git a/src/main/fr/comment-faire/concevoir-un-cours.njk b/src/main/fr/comment-faire/concevoir-un-cours.njk index b642da8a6..67cdb8bcb 100644 --- a/src/main/fr/comment-faire/concevoir-un-cours.njk +++ b/src/main/fr/comment-faire/concevoir-un-cours.njk @@ -4,6 +4,8 @@ description: Découvrez les rôles et les processus impliqués dans la conceptio toggle: design-a-course tags: - howTos +role: + - contentAuthoring --- {% if collections.designCourse === undefined %} diff --git a/src/main/fr/comment-faire/creer-du-contenu-web.njk b/src/main/fr/comment-faire/creer-du-contenu-web.njk index 34083e116..ef96dc71d 100644 --- a/src/main/fr/comment-faire/creer-du-contenu-web.njk +++ b/src/main/fr/comment-faire/creer-du-contenu-web.njk @@ -4,6 +4,8 @@ description: La création de contenu pour le web comporte ses propres défis et toggle: create-web-content tags: - howTos +role: + - contentAuthoring --- {% if collections.createWebContent === undefined %} diff --git a/src/main/fr/comment-faire/creer-un-document.njk b/src/main/fr/comment-faire/creer-un-document.njk index 89bffb5e3..8284bb24b 100644 --- a/src/main/fr/comment-faire/creer-un-document.njk +++ b/src/main/fr/comment-faire/creer-un-document.njk @@ -4,6 +4,8 @@ description: Découvrez les étapes principales nécessaires pour créer des doc toggle: create-document tags: - howTos +role: + - contentAuthoring --- {% if collections.createDocument === undefined %} diff --git a/src/main/fr/comment-faire/creer-un-formulaire.njk b/src/main/fr/comment-faire/creer-un-formulaire.njk index 4ee78c0f0..504e41014 100644 --- a/src/main/fr/comment-faire/creer-un-formulaire.njk +++ b/src/main/fr/comment-faire/creer-un-formulaire.njk @@ -4,6 +4,8 @@ description: Découvrez comment rendre les formulaire numériques accessible. toggle: create-forms tags: - howTos +role: + - contentAuthoring --- {% if collections.createForms === undefined %} diff --git a/src/main/fr/comment-faire/evenements-virtuels-accessibles.njk b/src/main/fr/comment-faire/evenements-virtuels-accessibles.njk index 21913a7bd..6da4b52a3 100644 --- a/src/main/fr/comment-faire/evenements-virtuels-accessibles.njk +++ b/src/main/fr/comment-faire/evenements-virtuels-accessibles.njk @@ -4,6 +4,8 @@ description: Afin de vous aider à organiser et offrir une réunion/un événeme toggle: accessible-virtual-events tags: - howTos +role: + - projectManagement --- {% if collections.accessibleVirtualEvents === undefined %} diff --git a/src/main/fr/comment-faire/index.njk b/src/main/fr/comment-faire/index.njk index e69467210..daf03d1f2 100644 --- a/src/main/fr/comment-faire/index.njk +++ b/src/main/fr/comment-faire/index.njk @@ -2,6 +2,10 @@ title: Comment faire description: Conseils et étapes essentielles pour rendre accessibles tous vos produits et contenus numériques, tels que les documents, les réunions, etc. toggle: how-tos +role: + - contentAuthoring + - contentPublishing + - uxDesign tags: - main --- diff --git a/src/main/fr/comment-faire/microsoft-office/comment-creer-des-documents-accessibles-dans-microsoft-365.njk b/src/main/fr/comment-faire/microsoft-office/comment-creer-des-documents-accessibles-dans-microsoft-365.njk index 85793ebc7..520ebd2e9 100644 --- a/src/main/fr/comment-faire/microsoft-office/comment-creer-des-documents-accessibles-dans-microsoft-365.njk +++ b/src/main/fr/comment-faire/microsoft-office/comment-creer-des-documents-accessibles-dans-microsoft-365.njk @@ -2,6 +2,8 @@ title: Comment créer des documents accessibles dans Microsoft 365 description: Pratiques accessibles pour la création de documents numériques. toggle: how-to-create-accessible-documents-in-microsoft-365 +role: + - contentAuthoring --- {# This allows us to use markdown in .njk files #} diff --git a/src/main/fr/comment-faire/microsoft-office/comment-creer-des-documents-accessibles-dans-office-2016.njk b/src/main/fr/comment-faire/microsoft-office/comment-creer-des-documents-accessibles-dans-office-2016.njk index bcd57fb28..8d189b3e4 100644 --- a/src/main/fr/comment-faire/microsoft-office/comment-creer-des-documents-accessibles-dans-office-2016.njk +++ b/src/main/fr/comment-faire/microsoft-office/comment-creer-des-documents-accessibles-dans-office-2016.njk @@ -2,6 +2,8 @@ title: Comment créer des documents accessibles dans Office 2016 description: Pratiques accessibles pour la création de documents numériques dans Office 2016. toggle: how-to-create-accessible-documents-in-office-2016 +role: + - contentAuthoring --- {# This allows us to use markdown in .njk files #} diff --git a/src/main/fr/comment-faire/principes-de-conception-pour-des-services-accessibles.njk b/src/main/fr/comment-faire/principes-de-conception-pour-des-services-accessibles.njk index 1344ea216..d743b5f4c 100644 --- a/src/main/fr/comment-faire/principes-de-conception-pour-des-services-accessibles.njk +++ b/src/main/fr/comment-faire/principes-de-conception-pour-des-services-accessibles.njk @@ -4,6 +4,8 @@ description: Avec ces conseils, apprenez ce que vous devez savoir pour concevoir toggle: designing-accessible-services tags: - howTos +role: + - uxDesign --- {% if collections.designingAccessible === undefined %} diff --git a/src/main/fr/comment-faire/testez-vos-produits.njk b/src/main/fr/comment-faire/testez-vos-produits.njk index 6546d78f4..edfdb43b7 100644 --- a/src/main/fr/comment-faire/testez-vos-produits.njk +++ b/src/main/fr/comment-faire/testez-vos-produits.njk @@ -5,6 +5,8 @@ toggle: test-your-products tags: - howTos - updatesMain +role: + - qaAutomated --- {% if collections.testYourProducts === undefined %} diff --git a/src/main/fr/index.njk b/src/main/fr/index.njk index 4f21292ac..a34a98963 100644 --- a/src/main/fr/index.njk +++ b/src/main/fr/index.njk @@ -3,6 +3,8 @@ title: Boîte à outils de l'accessibilité numérique description: Bienvenue sur la Boîte à outils de l'accessibilité numérique. Nous offrons une variété de matériel d'apprentissage et de ressources pour vous aider à apprendre et à mettre en œuvre l'accessibilité dans vos projets numériques. layout: layouts/home.njk toggle: en +role: + - governance tags: home permalink: /fr/index.html --- diff --git a/src/main/fr/principes-de-base-de-laccessibilite/index.njk b/src/main/fr/principes-de-base-de-laccessibilite/index.njk index 7de5dd9a4..03f7ed0d3 100644 --- a/src/main/fr/principes-de-base-de-laccessibilite/index.njk +++ b/src/main/fr/principes-de-base-de-laccessibilite/index.njk @@ -2,6 +2,10 @@ title: Principes de base de l’accessibilité description: Découvrez les principes qui guident l'accessibilité des produits et services numériques. Ces principes éliminent les obstacles pour les personnes en situation de handicap et facilitent l’utilisation pour tous. toggle: accessibility-fundamentals +role: + - governance + - contentAuthoring + - uxResearch tags: - main --- diff --git a/src/main/fr/principes-de-base-de-laccessibilite/normes-daccessibilite-mondiales.njk b/src/main/fr/principes-de-base-de-laccessibilite/normes-daccessibilite-mondiales.njk index a6149441b..d6839b3a3 100644 --- a/src/main/fr/principes-de-base-de-laccessibilite/normes-daccessibilite-mondiales.njk +++ b/src/main/fr/principes-de-base-de-laccessibilite/normes-daccessibilite-mondiales.njk @@ -4,6 +4,8 @@ description: Les lignes directrices visant à garantir que le contenu numérique toggle: global-accessibility-standards tags: - accessibilityFundamentals +role: + - governance --- {% if collections.globalAccessibilityStandards === undefined %} diff --git a/src/main/fr/principes-de-base-de-laccessibilite/types-de-handicap-les-plus-courants.njk b/src/main/fr/principes-de-base-de-laccessibilite/types-de-handicap-les-plus-courants.njk index 37d190377..f5a5420ca 100644 --- a/src/main/fr/principes-de-base-de-laccessibilite/types-de-handicap-les-plus-courants.njk +++ b/src/main/fr/principes-de-base-de-laccessibilite/types-de-handicap-les-plus-courants.njk @@ -4,6 +4,8 @@ description: Il y a plusieurs types d’handicaps et limitations. Explorons ense toggle: most-common-types-of-disability tags: - accessibilityFundamentals +role: + - uxResearch --- {% if collections.aboutDisabilities === undefined %} diff --git a/src/main/fr/ressources-et-outils/index.njk b/src/main/fr/ressources-et-outils/index.njk index c18ca9235..c1d0496b9 100644 --- a/src/main/fr/ressources-et-outils/index.njk +++ b/src/main/fr/ressources-et-outils/index.njk @@ -2,6 +2,9 @@ title: Ressources et outils description: Vous trouverez ici différents guides, ressources et outils créés par des fonctionnaires fédéraux pour faire progresser l'accessibilité numérique. toggle: resources-and-tools +role: + - governance + - contentAuthoring tags: - main --- diff --git a/src/main/fr/ressources-et-outils/outils.njk b/src/main/fr/ressources-et-outils/outils.njk index 691c678d5..4cf956536 100644 --- a/src/main/fr/ressources-et-outils/outils.njk +++ b/src/main/fr/ressources-et-outils/outils.njk @@ -2,6 +2,8 @@ title: Outils description: Conseils, recommandations et matériel d'apprentissage pour vous tenir informé des fonctionnalités d'accessibilité qui peuvent être utilisées quotidiennement dans la fonction publique fédérale. toggle: tools +role: + - governance --- {% if collections.tools === undefined %} diff --git a/src/main/fr/ressources-et-outils/ressources.njk b/src/main/fr/ressources-et-outils/ressources.njk index 4565f1a15..024fc7d74 100644 --- a/src/main/fr/ressources-et-outils/ressources.njk +++ b/src/main/fr/ressources-et-outils/ressources.njk @@ -2,6 +2,8 @@ title: Ressources description: Recommandations, liens et autres ressources pour nous aider à être les plus possible accessibles et inclusifs. toggle: resources +role: + - governance --- {% if collections.resources === undefined %} diff --git a/src/pages/en/accessibility-testing-101.md b/src/pages/en/accessibility-testing-101.md index 4bebc4f0c..9d245d573 100644 --- a/src/pages/en/accessibility-testing-101.md +++ b/src/pages/en/accessibility-testing-101.md @@ -1,6 +1,9 @@ --- title: Accessibility Testing 101 description: For anyone wanting to create accessible content, we encourage you to use automated accessibility testing tools. These testing tools will help content creators as they build their content by finding errors and offering suggestions to improve the accessibility of their product, application or web site. On this page a list of recommended accessibility testing tools has been made available. +role: + - contentAuthoring + - qaAutomated toggle: test-daccessibilite-101 subject: - howTos diff --git a/src/pages/en/additional-resources.md b/src/pages/en/additional-resources.md index 86315b091..52f879040 100644 --- a/src/pages/en/additional-resources.md +++ b/src/pages/en/additional-resources.md @@ -3,6 +3,9 @@ title: Additional Resources layout: layouts/base.njk description: Resources and useful tools for web accessibility for employees of the Government of Canada. toggle: ressources-additionnelles +role: + - governance + - contentAuthoring tags: - resourcesAndTools internalLinks: true diff --git a/src/pages/en/alternative-text-and-long-description-best-practices.md b/src/pages/en/alternative-text-and-long-description-best-practices.md index 532f5349f..6aab73f5a 100644 --- a/src/pages/en/alternative-text-and-long-description-best-practices.md +++ b/src/pages/en/alternative-text-and-long-description-best-practices.md @@ -3,6 +3,8 @@ title: Alternative text and long description – Best practices layout: layouts/base.njk description: Alternative text (or alt text) is text that describes and conveys the meaning of a visual non-text item like an image, flowchart, graph and so on. This document will guide you to determine the type of alt text needed and provide you with tips on writing an alt text and long descriptions for simple and complex images, like charts, maps and so on. toggle: texte-alternatif-et-description-longue-bonnes-pratiques +role: + - contentAuthoring subject: - howTos tags: diff --git a/src/pages/en/audio-description-guidelines.md b/src/pages/en/audio-description-guidelines.md index 98b26686d..0e4afee1c 100644 --- a/src/pages/en/audio-description-guidelines.md +++ b/src/pages/en/audio-description-guidelines.md @@ -6,6 +6,9 @@ subject: tags: - createWebContent toggle: directives-pour-la-description-sonore +role: + - contentAuthoring + - contentPublishing audience: - Everyone --- diff --git a/src/pages/en/auditory-disabilities.md b/src/pages/en/auditory-disabilities.md index cdc29c9f9..a758118fb 100644 --- a/src/pages/en/auditory-disabilities.md +++ b/src/pages/en/auditory-disabilities.md @@ -8,6 +8,9 @@ tags: audience: - Everyone toggle: deficiences-auditives +role: + - uxResearch + - uxDesign --- - Designing for users who are deaf or hard of hearing (PDF, 53 KB) diff --git a/src/pages/en/best-practices-for-accessible-virtual-events.md b/src/pages/en/best-practices-for-accessible-virtual-events.md index 30c1e283e..aa5df1a5f 100644 --- a/src/pages/en/best-practices-for-accessible-virtual-events.md +++ b/src/pages/en/best-practices-for-accessible-virtual-events.md @@ -2,6 +2,10 @@ title: Best practices for accessible virtual events description: This guide is all about planning events, covering a broad range of activities like conferences, meetings, and presentations. It includes common barriers faced by people with disabilities during events and a suggested timeline for organizing your event. The goal is to work together to create more inclusive and accessible experiences. toggle: bonnes-pratiques-pour-les-evenements-virtuels-accessibles +role: + - projectManagement + - contentAuthoring + - uxDesign subject: - howTos tags: diff --git a/src/pages/en/canada-school-of-public-service-csps.md b/src/pages/en/canada-school-of-public-service-csps.md index afbe9befc..fb45fff0c 100644 --- a/src/pages/en/canada-school-of-public-service-csps.md +++ b/src/pages/en/canada-school-of-public-service-csps.md @@ -2,6 +2,8 @@ title: Canada School of Public Service (CSPS) description: The Canada School of Public Service leads the government's enterprise-wide approach to learning by providing a common, standardized curriculum that supports public servants through key career transitions, ensuring that they are equipped to serve Canadians with excellence. Multiple teams at the School support accessibility with the goal of creating a barrier free learning environment for its learners. toggle: ecole-de-la-fonction-publique-du-canada-efpc +role: + - governance subject: - accessibilityInTheGovernmentOfCanada tags: diff --git a/src/pages/en/captioning-checklist.md b/src/pages/en/captioning-checklist.md index a5d046f63..343683d06 100644 --- a/src/pages/en/captioning-checklist.md +++ b/src/pages/en/captioning-checklist.md @@ -4,6 +4,8 @@ description: Making sure you did not forget anything with your captions. subject: - howTos toggle: liste-de-controle-pour-le-sous-titrage +role: + - contentPublishing tags: - createWebContent audience: diff --git a/src/pages/en/cognitive-disabilities.md b/src/pages/en/cognitive-disabilities.md index 564ef4bc0..cf39de01b 100644 --- a/src/pages/en/cognitive-disabilities.md +++ b/src/pages/en/cognitive-disabilities.md @@ -27,6 +27,9 @@ Keywords: audience: - Everyone toggle: handicaps-cognitifs +role: + - uxResearch + - uxDesign --- - Designing for users on the autism spectrum (PDF, 47 KB) diff --git a/src/pages/en/design-accessible-services/designing-for-users-of-screen-readers.md b/src/pages/en/design-accessible-services/designing-for-users-of-screen-readers.md index f8fec2635..0d7ef976e 100644 --- a/src/pages/en/design-accessible-services/designing-for-users-of-screen-readers.md +++ b/src/pages/en/design-accessible-services/designing-for-users-of-screen-readers.md @@ -4,6 +4,10 @@ description: What to do - and what not to do - when designing f tags: - designingAccessible toggle: concevoir-pour-les-utilisateurs-de-revues-decran +role: + - uxDesign + - visualDesign + - frontEndDev subject: - howTos --- diff --git a/src/pages/en/design-accessible-services/designing-for-users-on-the-autism-spectrum.md b/src/pages/en/design-accessible-services/designing-for-users-on-the-autism-spectrum.md index ce4d9f2ec..b0010b7a2 100644 --- a/src/pages/en/design-accessible-services/designing-for-users-on-the-autism-spectrum.md +++ b/src/pages/en/design-accessible-services/designing-for-users-on-the-autism-spectrum.md @@ -4,6 +4,8 @@ description: What to do - and what not to do - when designing f tags: - designingAccessible toggle: concevoir-pour-les-utilisateurs-dans-le-spectre-de-lautisme +role: + - uxDesign subject: - howTos --- diff --git a/src/pages/en/design-accessible-services/designing-for-users-who-are-deaf-or-hard-of-hearing.md b/src/pages/en/design-accessible-services/designing-for-users-who-are-deaf-or-hard-of-hearing.md index 7fa847824..27615236f 100644 --- a/src/pages/en/design-accessible-services/designing-for-users-who-are-deaf-or-hard-of-hearing.md +++ b/src/pages/en/design-accessible-services/designing-for-users-who-are-deaf-or-hard-of-hearing.md @@ -4,6 +4,8 @@ description: What to do - and what not to do - when designing f tags: - designingAccessible toggle: concevoir-pour-les-utilisateurs-sourds-ou-malentendants +role: + - uxDesign subject: - howTos --- diff --git a/src/pages/en/design-accessible-services/designing-for-users-with-cognitive-disabilities.md b/src/pages/en/design-accessible-services/designing-for-users-with-cognitive-disabilities.md index bb364b5e8..2310fa520 100644 --- a/src/pages/en/design-accessible-services/designing-for-users-with-cognitive-disabilities.md +++ b/src/pages/en/design-accessible-services/designing-for-users-with-cognitive-disabilities.md @@ -4,6 +4,8 @@ description: What to do - and what not to do - when designing f tags: - designingAccessible toggle: principes-de-conception-pour-les-utilisateurs-avec-handicap-cognitif +role: + - uxDesign subject: - howTos --- diff --git a/src/pages/en/design-accessible-services/designing-for-users-with-low-vision.md b/src/pages/en/design-accessible-services/designing-for-users-with-low-vision.md index 6d2553e34..4d2b1d20c 100644 --- a/src/pages/en/design-accessible-services/designing-for-users-with-low-vision.md +++ b/src/pages/en/design-accessible-services/designing-for-users-with-low-vision.md @@ -4,6 +4,9 @@ description: What to do - and what not to do - when designing f tags: - designingAccessible toggle: concevoir-pour-les-utilisateurs-malvoyants +role: + - uxDesign + - visualDesign subject: - howTos --- diff --git a/src/pages/en/design-accessible-services/designing-for-users-with-physical-or-motor-disabilities.md b/src/pages/en/design-accessible-services/designing-for-users-with-physical-or-motor-disabilities.md index 20110b421..daceb370f 100644 --- a/src/pages/en/design-accessible-services/designing-for-users-with-physical-or-motor-disabilities.md +++ b/src/pages/en/design-accessible-services/designing-for-users-with-physical-or-motor-disabilities.md @@ -4,6 +4,9 @@ description: What to do - and what not to do - when designing f tags: - designingAccessible toggle: concevoir-pour-les-utilisateurs-avec-un-handicap-physique-ou-moteur +role: + - uxDesign + - frontEndDev subject: - howTos --- diff --git a/src/pages/en/designing-accessible-images.md b/src/pages/en/designing-accessible-images.md index 9de321744..f35090e16 100644 --- a/src/pages/en/designing-accessible-images.md +++ b/src/pages/en/designing-accessible-images.md @@ -2,9 +2,12 @@ title: Designing accessible images description: With this diagram, you will learn how to make the best choice for designing accessible images. toggle: concevoir-des-images-accessibles +role: + - visualDesign + - contentAuthoring --- -An infographic on how to use accessible images and use alternative text. Long description below +An infographic on how to use accessible images and use alternative text. Long description below ## The purpose of images diff --git a/src/pages/en/digital-accessibility-toolkit-project.md b/src/pages/en/digital-accessibility-toolkit-project.md index d2e60c8d0..aaeab2cc4 100644 --- a/src/pages/en/digital-accessibility-toolkit-project.md +++ b/src/pages/en/digital-accessibility-toolkit-project.md @@ -2,6 +2,9 @@ title: Digital Accessibility Toolkit project description: About the project, who we are and what is our goal. toggle: projet-de-la-boite-a-outils-de-laccessibilite-numerique +role: + - governance + - projectManagement tags: - aboutUs --- diff --git a/src/pages/en/dos-and-donts-for-developing-online-courses.md b/src/pages/en/dos-and-donts-for-developing-online-courses.md index dadbef846..d06074242 100644 --- a/src/pages/en/dos-and-donts-for-developing-online-courses.md +++ b/src/pages/en/dos-and-donts-for-developing-online-courses.md @@ -2,6 +2,9 @@ title: Do’s and Don’ts for developing online courses description: Do’s and don’ts for writing, designing and developing online courses. toggle: a-faire-et-a-ne-pas-faire-pour-developper-des-cours-en-ligne +role: + - contentAuthoring + - uxDesign subject: - howTos tags: diff --git a/src/pages/en/employment-and-social-development-canada-esdc.md b/src/pages/en/employment-and-social-development-canada-esdc.md index 465d2cbb2..fa6eba709 100644 --- a/src/pages/en/employment-and-social-development-canada-esdc.md +++ b/src/pages/en/employment-and-social-development-canada-esdc.md @@ -2,6 +2,8 @@ title: Employment and Social Development Canada (ESDC) description: Employment and Social Development Canada (ESDC) works to improve the standard of living and quality of life for all Canadians. We do this by promoting a labour force that is highly skilled. We also promote an efficient and inclusive labour market. ESDC has multiple teams working in digital accessibility with the goal of creating a barrier free environment for Canadians and employees! toggle: emploi-et-developpement-social-canada-edsc +role: + - governance subject: - accessibilityInTheGovernmentOfCanada tags: diff --git a/src/pages/en/find-out-how-to-make-accessible-digital-forms.md b/src/pages/en/find-out-how-to-make-accessible-digital-forms.md index f8dc819c2..6547b8e37 100644 --- a/src/pages/en/find-out-how-to-make-accessible-digital-forms.md +++ b/src/pages/en/find-out-how-to-make-accessible-digital-forms.md @@ -6,6 +6,9 @@ subject: tags: - createForms toggle: ameliorer-laccessibilite-des-formulaires +role: + - contentAuthoring + - frontEndDev internalLinks: true --- ## The most accessible format for forms: HTML diff --git a/src/pages/en/guide-for-including-accessibility-in-information-and-communication-technology-ict-related-procurement.md b/src/pages/en/guide-for-including-accessibility-in-information-and-communication-technology-ict-related-procurement.md index c746c064b..e83e3f645 100644 --- a/src/pages/en/guide-for-including-accessibility-in-information-and-communication-technology-ict-related-procurement.md +++ b/src/pages/en/guide-for-including-accessibility-in-information-and-communication-technology-ict-related-procurement.md @@ -3,6 +3,10 @@ title: "Guide for Including Accessibility in Information and Communication Techn description: "The framework for integrating accessibility into Information and Communication Technology (ICT)-related procurements within the Government of Canada (GC) emphasizes leveraging the EN 301 549 standard to ensure inclusivity and usability across ICT products and services, exceeding the minimum requirements of WCAG 2.1. Designed for GC departments, agencies, and suppliers, it outlines practical steps, roles, and resources to promote accessibility, aligning with the Accessible Canada Act and fostering a barrier-free digital environment." layout: layouts/base.njk toggle: guide-pour-linclusion-de-laccessibilite-dans-lapprovisionnement-lie-aux-technologies-de-linformation-et-des-communications-tic +role: + - businessAnalysis + - governance + - projectManagement toc: true internalLinks: true subject: diff --git a/src/pages/en/information-and-communication-technology-ict-accessibility-requirements.md b/src/pages/en/information-and-communication-technology-ict-accessibility-requirements.md index d5c334ceb..439e3cbf6 100644 --- a/src/pages/en/information-and-communication-technology-ict-accessibility-requirements.md +++ b/src/pages/en/information-and-communication-technology-ict-accessibility-requirements.md @@ -11,6 +11,9 @@ hasDocument: sizeUnit: "KB" type: "word" toggle: exigences-en-matiere-de-technologies-de-linformation-et-des-communications-tic-accessibles +role: + - governance + - frontEndDev --- {% include "information-and-communication-technology-ict-accessibility-requirements/intro.njk" %} diff --git a/src/pages/en/introduction-to-accessibility-requirements-for-audio-video.md b/src/pages/en/introduction-to-accessibility-requirements-for-audio-video.md index 19c7f3cad..3ed35be27 100644 --- a/src/pages/en/introduction-to-accessibility-requirements-for-audio-video.md +++ b/src/pages/en/introduction-to-accessibility-requirements-for-audio-video.md @@ -2,6 +2,9 @@ title: Introduction to accessibility requirements for audio-video description: This document is a great introduction on how to make accessible video for a communication advisor audience which are in between the web author and the content expert. toggle: introduction-aux-exigences-daccessibilite-pour-laudio-video +role: + - contentAuthoring + - contentPublishing subject: - howTos tags: diff --git a/src/pages/en/language-of-audiovideo-content.md b/src/pages/en/language-of-audiovideo-content.md index db3fbe855..b173cb904 100644 --- a/src/pages/en/language-of-audiovideo-content.md +++ b/src/pages/en/language-of-audiovideo-content.md @@ -2,6 +2,9 @@ title: Language of Audio/Video Content description: When to use sign language interpretation and bilingual videos, tools and samples of accessible videos. toggle: langue-du-contenu-audiovideo +role: + - contentAuthoring + - contentPublishing subject: - howTos tags: diff --git a/src/pages/en/learning-and-development.md b/src/pages/en/learning-and-development.md index 0e737d041..12283c1e0 100644 --- a/src/pages/en/learning-and-development.md +++ b/src/pages/en/learning-and-development.md @@ -2,6 +2,9 @@ title: Learning and Development description: Discover a curated collection of learning products to enhance your understanding of accessibility. Whether you're a developer, designer, or enthusiast, explore our links to courses, tutorials, and tools. Join us in creating a more inclusive digital world. toggle: apprentissage-et-perfectionnement +role: + - governance + - contentAuthoring internalLinks: true tags: - main diff --git a/src/pages/en/live-broadcast.md b/src/pages/en/live-broadcast.md index b1e828a7a..2395f52b7 100644 --- a/src/pages/en/live-broadcast.md +++ b/src/pages/en/live-broadcast.md @@ -2,6 +2,9 @@ title: Live Broadcast description: Live Broadcasts are defined as a facilitator presenting a PowerPoint via videoconference. Here we have defined each type and their respective accessibility requirements. toggle: diffusions-en-direct +role: + - contentPublishing + - projectManagement subject: - howTos tags: diff --git a/src/pages/en/making-accessible-emails.md b/src/pages/en/making-accessible-emails.md index 7409ebe95..acb552167 100644 --- a/src/pages/en/making-accessible-emails.md +++ b/src/pages/en/making-accessible-emails.md @@ -5,6 +5,9 @@ tags: - howTos - updatesMain toggle: rendre-vos-courriels-accessibles +role: + - contentAuthoring + - contentPublishing tocSimple: true --- diff --git a/src/pages/en/microsoft-document-compliance-checklist.md b/src/pages/en/microsoft-document-compliance-checklist.md index 0993b5703..94517d0bd 100644 --- a/src/pages/en/microsoft-document-compliance-checklist.md +++ b/src/pages/en/microsoft-document-compliance-checklist.md @@ -2,6 +2,8 @@ title: Microsoft document compliance checklist description: Here you can find different questions to help you to know if your Word document is accessible or not. toggle: liste-de-verification-de-la-conformite-des-documents-microsoft +role: + - contentAuthoring subject: - howTos tags: diff --git a/src/pages/en/mobility-flexibility-and-body-structure-disabilities.md b/src/pages/en/mobility-flexibility-and-body-structure-disabilities.md index bdab45d82..eda77196e 100644 --- a/src/pages/en/mobility-flexibility-and-body-structure-disabilities.md +++ b/src/pages/en/mobility-flexibility-and-body-structure-disabilities.md @@ -13,6 +13,9 @@ subject: tags: - aboutDisabilities toggle: handicaps-de-mobilite-de-flexibilite-et-de-structure-corporelle +role: + - uxResearch + - uxDesign --- - Designing for users with physical or motor disabilities (PDF, 47 KB) diff --git a/src/pages/en/ms-office-tip-sheets/tip-sheet-microsoft-powerpoint-Presentation.md b/src/pages/en/ms-office-tip-sheets/tip-sheet-microsoft-powerpoint-Presentation.md index 65c2f4247..b4c3d289a 100644 --- a/src/pages/en/ms-office-tip-sheets/tip-sheet-microsoft-powerpoint-Presentation.md +++ b/src/pages/en/ms-office-tip-sheets/tip-sheet-microsoft-powerpoint-Presentation.md @@ -2,6 +2,9 @@ title: Tip sheet for Microsoft PowerPoint Presentation description: Easily reference accessible best practices for PowerPoint creation. toggle: feuille-de-conseils-pour-la-presentation-microsoft-powerpoint +role: + - contentAuthoring + - contentPublishing --- # Create accessible presentations in PowerPoint Version 1.3 | March 2024 diff --git a/src/pages/en/ms-office-tip-sheets/tip-sheet-microsoft-word.md b/src/pages/en/ms-office-tip-sheets/tip-sheet-microsoft-word.md index 5211e1cf5..3bc34b030 100644 --- a/src/pages/en/ms-office-tip-sheets/tip-sheet-microsoft-word.md +++ b/src/pages/en/ms-office-tip-sheets/tip-sheet-microsoft-word.md @@ -2,6 +2,9 @@ title: Tip sheet for Microsoft Word description: Quick reference to accessible best practices for Word documents. toggle: feuille-de-conseils-pour-microsoft-word +role: + - contentAuthoring + - contentPublishing --- # Create accessible documents in Word diff --git a/src/pages/en/ms-office-tip-sheets/tip-sheet-outlook.md b/src/pages/en/ms-office-tip-sheets/tip-sheet-outlook.md index 665ba6391..168a76bbb 100644 --- a/src/pages/en/ms-office-tip-sheets/tip-sheet-outlook.md +++ b/src/pages/en/ms-office-tip-sheets/tip-sheet-outlook.md @@ -2,6 +2,9 @@ title: Tip sheet for Microsoft Outlook description: Simple reference for creating accessible emails in Outlook. toggle: feuille-de-conseils-pour-microsoft-outlook +role: + - contentAuthoring + - contentPublishing --- # Create accessible emails in Outlook diff --git a/src/pages/en/ms-office/2016/accessible-excel-workbooks-in-office-2016.md b/src/pages/en/ms-office/2016/accessible-excel-workbooks-in-office-2016.md index 229b7b686..fbc3c156e 100644 --- a/src/pages/en/ms-office/2016/accessible-excel-workbooks-in-office-2016.md +++ b/src/pages/en/ms-office/2016/accessible-excel-workbooks-in-office-2016.md @@ -2,6 +2,9 @@ title: Accessible Excel workbooks in Office 2016 description: Accessible practices for Microsoft Excel 2016 document creation. toggle: classeurs-excel-accessibles-dans-office-2016 +role: + - contentAuthoring + - contentPublishing fontIcon: fa-file-excel --- diff --git a/src/pages/en/ms-office/2016/accessible-pdf-documents-in-office-2016.md b/src/pages/en/ms-office/2016/accessible-pdf-documents-in-office-2016.md index f4b32a49b..8a099ec67 100644 --- a/src/pages/en/ms-office/2016/accessible-pdf-documents-in-office-2016.md +++ b/src/pages/en/ms-office/2016/accessible-pdf-documents-in-office-2016.md @@ -2,6 +2,9 @@ title: Accessible PDF documents in Office 2016 description: Accessible practices for PDF document creation. toggle: documents-pdf-accessibles-dans-office-2016 +role: + - contentAuthoring + - contentPublishing fontIcon: fa-file-pdf --- diff --git a/src/pages/en/ms-office/2016/accessible-powerpoint-presentations-in-office-2016.md b/src/pages/en/ms-office/2016/accessible-powerpoint-presentations-in-office-2016.md index 8642f9205..7eaf2cfe8 100644 --- a/src/pages/en/ms-office/2016/accessible-powerpoint-presentations-in-office-2016.md +++ b/src/pages/en/ms-office/2016/accessible-powerpoint-presentations-in-office-2016.md @@ -2,6 +2,9 @@ title: Accessible PowerPoint presentations in Office 2016 description: Accessible practices for Microsoft PowerPoint 2016 document creation. toggle: presentations-powerpoint-accessibles-dans-office-2016 +role: + - contentAuthoring + - contentPublishing fontIcon: fa-file-powerpoint --- diff --git a/src/pages/en/ms-office/2016/accessible-visio-drawings-in-office-2016.md b/src/pages/en/ms-office/2016/accessible-visio-drawings-in-office-2016.md index 235ec0e0e..b98c6b58a 100644 --- a/src/pages/en/ms-office/2016/accessible-visio-drawings-in-office-2016.md +++ b/src/pages/en/ms-office/2016/accessible-visio-drawings-in-office-2016.md @@ -2,6 +2,9 @@ title: Accessible Visio drawings in Office 2016 description: Accessible practices for Microsoft Visio 2016 diagram creation. toggle: dessins-visio-accessibles-dans-office-2016 +role: + - contentAuthoring + - contentPublishing fontIcon: fa-project-diagram --- diff --git a/src/pages/en/ms-office/2016/accessible-word-documents-in-office-2016.md b/src/pages/en/ms-office/2016/accessible-word-documents-in-office-2016.md index a6d093082..b6ba60092 100644 --- a/src/pages/en/ms-office/2016/accessible-word-documents-in-office-2016.md +++ b/src/pages/en/ms-office/2016/accessible-word-documents-in-office-2016.md @@ -2,6 +2,9 @@ title: Accessible Word documents in Office 2016 description: Accessible practices for Microsoft Word 2016 document creation. toggle: documents-word-accessibles-dans-office-2016 +role: + - contentAuthoring + - contentPublishing fontIcon: fa-file-word --- diff --git a/src/pages/en/ms-office/365/accessible-excel-workbooks-in-microsoft-365.md b/src/pages/en/ms-office/365/accessible-excel-workbooks-in-microsoft-365.md index 38ed314df..366114c8e 100644 --- a/src/pages/en/ms-office/365/accessible-excel-workbooks-in-microsoft-365.md +++ b/src/pages/en/ms-office/365/accessible-excel-workbooks-in-microsoft-365.md @@ -2,6 +2,9 @@ title: Accessible Excel workbooks in Microsoft 365 description: Accessible practices for Microsoft Excel document creation. toggle: classeurs-excel-accessibles-dans-microsoft-365 +role: + - contentAuthoring + - contentPublishing fontIcon: fa-file-excel --- diff --git a/src/pages/en/ms-office/365/accessible-pdf-documents-in-microsoft-365.md b/src/pages/en/ms-office/365/accessible-pdf-documents-in-microsoft-365.md index 435c89d57..f50e466c1 100644 --- a/src/pages/en/ms-office/365/accessible-pdf-documents-in-microsoft-365.md +++ b/src/pages/en/ms-office/365/accessible-pdf-documents-in-microsoft-365.md @@ -2,6 +2,9 @@ title: Accessible PDF documents in Microsoft 365 description: Accessible practices for PDF document creation. toggle: documents-pdf-accessibles-dans-microsoft-365 +role: + - contentAuthoring + - contentPublishing fontIcon: fa-file-pdf --- diff --git a/src/pages/en/ms-office/365/accessible-powerpoint-presentations-in-microsoft-365.md b/src/pages/en/ms-office/365/accessible-powerpoint-presentations-in-microsoft-365.md index eac3ebcbb..857fe13ba 100644 --- a/src/pages/en/ms-office/365/accessible-powerpoint-presentations-in-microsoft-365.md +++ b/src/pages/en/ms-office/365/accessible-powerpoint-presentations-in-microsoft-365.md @@ -2,6 +2,9 @@ title: Accessible PowerPoint presentations in Microsoft 365 description: Accessible practices for Microsoft PowerPoint document creation. toggle: presentations-powerpoint-accessibles-dans-microsoft-365 +role: + - contentAuthoring + - contentPublishing fontIcon: fa-file-powerpoint --- diff --git a/src/pages/en/ms-office/365/accessible-visio-drawings-in-microsoft-365.md b/src/pages/en/ms-office/365/accessible-visio-drawings-in-microsoft-365.md index b8ddd7df2..909747145 100644 --- a/src/pages/en/ms-office/365/accessible-visio-drawings-in-microsoft-365.md +++ b/src/pages/en/ms-office/365/accessible-visio-drawings-in-microsoft-365.md @@ -2,6 +2,9 @@ title: Accessible Visio drawings in Microsoft 365 description: Accessible practices for Microsoft Visio diagram creation. toggle: dessins-visio-accessibles-dans-microsoft-365 +role: + - contentAuthoring + - contentPublishing fontIcon: fa-project-diagram --- diff --git a/src/pages/en/ms-office/365/accessible-word-documents-in-microsoft-365.md b/src/pages/en/ms-office/365/accessible-word-documents-in-microsoft-365.md index 948e16748..ed8199271 100644 --- a/src/pages/en/ms-office/365/accessible-word-documents-in-microsoft-365.md +++ b/src/pages/en/ms-office/365/accessible-word-documents-in-microsoft-365.md @@ -2,6 +2,9 @@ title: Accessible Word documents in Microsoft 365 description: Accessible practices for Microsoft Word document creation. toggle: documents-word-accessibles-dans-microsoft-365 +role: + - contentAuthoring + - contentPublishing fontIcon: fa-file-word --- diff --git a/src/pages/en/pdf-accessibility-checklist.md b/src/pages/en/pdf-accessibility-checklist.md index 535228f66..d9901f4c7 100644 --- a/src/pages/en/pdf-accessibility-checklist.md +++ b/src/pages/en/pdf-accessibility-checklist.md @@ -3,6 +3,8 @@ title: PDF accessibility checklist description: Here you can find different questions to help you to know if your pdf document is accessible or not. internalLinks: true toggle: liste-de-verification-de-laccessibilite-des-documents-pdf +role: + - contentAuthoring subject: - howTos tags: 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 e803ee6da..42b46f69c 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,6 +6,9 @@ subject: tags: - designCourse toggle: personas-handicapes-pour-la-conception-dune-experience-utilisateur-inclusive-eu +role: + - uxResearch + - uxDesign tocSimple: true --- diff --git a/src/pages/en/procurement/accessibility-remediation-roadmap-template-instructions.md b/src/pages/en/procurement/accessibility-remediation-roadmap-template-instructions.md index 5a7f3d653..8c94e779f 100644 --- a/src/pages/en/procurement/accessibility-remediation-roadmap-template-instructions.md +++ b/src/pages/en/procurement/accessibility-remediation-roadmap-template-instructions.md @@ -3,6 +3,10 @@ title: Accessibility remediation roadmap template description: This Accessibility Remediation Roadmap template is designed primarily for use in procurements or projects where accessibility conformance is required to be reached over time. The template outlines the essential information the Government of Canada would expect in an Accessibility Remediation Roadmap to understand and address deficiencies listed in an Accessibility Conformance Report (ACR). layout: layouts/base.njk toggle: le-modele-de-feuille-de-route-pour-la-correction-des-problemes-daccessibilite +role: + - businessAnalysis + - projectManagement + - governance toc: true subject: - accessibilityInTheGovernmentOfCanada diff --git a/src/pages/en/recordings.md b/src/pages/en/recordings.md index 17bfdbd07..3e1c4035a 100644 --- a/src/pages/en/recordings.md +++ b/src/pages/en/recordings.md @@ -2,6 +2,8 @@ title: Recordings description: Recordings typically fall into one of two categories, an in-person facilitated event (Standard Video) or an audio-only presentation. Here is a definition of each type and their respective accessibility requirements. toggle: enregistrements +role: + - contentPublishing subject: - howTos tags: diff --git a/src/pages/en/research-on-our-target-audience.md b/src/pages/en/research-on-our-target-audience.md index 483c65bd9..c0c0ab05f 100644 --- a/src/pages/en/research-on-our-target-audience.md +++ b/src/pages/en/research-on-our-target-audience.md @@ -4,6 +4,8 @@ description: By developing a greater understanding of our users, we hope to buil tags: - aboutUs toggle: recherche-sur-notre-audience +role: + - uxResearch --- ## The creation of our persona diff --git a/src/pages/en/statistics-canada-statcan.md b/src/pages/en/statistics-canada-statcan.md index d963bbe4e..6a2c6886b 100644 --- a/src/pages/en/statistics-canada-statcan.md +++ b/src/pages/en/statistics-canada-statcan.md @@ -2,6 +2,8 @@ title: Statistics Canada (StatCan) description: Statistics Canada, in collaboration with partners from Employment and Social Development Canada, will continue to develop and release products to better understand the accessibility experiences of Canadians. The Accessibility Data Hub provides a centralized location of topics related to accessibility and disability through data tables, articles, infographics and interactive data visualization tools. toggle: statistique-canada-statcan +role: + - governance subject: - accessibilityInTheGovernmentOfCanada tags: diff --git a/src/pages/en/targeted-engagement-draft-standard-on-information-and-communication-technology-ict-accessibility.md b/src/pages/en/targeted-engagement-draft-standard-on-information-and-communication-technology-ict-accessibility.md index fbad918a7..fc8c9f7f9 100644 --- a/src/pages/en/targeted-engagement-draft-standard-on-information-and-communication-technology-ict-accessibility.md +++ b/src/pages/en/targeted-engagement-draft-standard-on-information-and-communication-technology-ict-accessibility.md @@ -2,6 +2,8 @@ title: "Targeted Engagement: draft Standard on Information and Communication Technology (ICT) Accessibility" description: "The Digital Policy Division at the Treasury Board of Canada Secretariat is seeking targeted input on Phase One of the Standard on Information and Communications Technology (ICT) Accessibility. This webpage is where you can provide feedback to help make the Government of Canada’s ICT usable by all." toggle: seance-de-mobilisation-ciblee-lebauche-de-la-norme-daccessibilite-des-technologies-de-linformation-et-des-communications-tic +role: + - governance subject: - accessibilityInTheGovernmentOfCanada tags: diff --git a/src/pages/en/technical-summary-of-the-en-301-549-v321-2021.md b/src/pages/en/technical-summary-of-the-en-301-549-v321-2021.md index 5b2e393c6..b6b5bac59 100644 --- a/src/pages/en/technical-summary-of-the-en-301-549-v321-2021.md +++ b/src/pages/en/technical-summary-of-the-en-301-549-v321-2021.md @@ -2,6 +2,9 @@ title: Technical Summary of the EN 301 549 v3.2.1 (2021) description: This technical summary provides the reader a simplified summary of the technical requirements from the EN 301 549 V3.2.1 (2021-03) Harmonised European Standard Accessibility requirements for ICT products and services. Each clause or group of related clauses have been re-worded in plain language and examples have been added to help readers understand the requirements at a high-level. This document is especially useful for those who would like an understanding of the EN 301 549’s requirements without having to read through the full standard. toggle: resume-technique-de-la-norme-en-301-549-v321-2021 +role: + - governance + - frontEndDev subject: - accessibilityInTheGovernmentOfCanada tags: diff --git a/src/pages/en/terms-of-reference.md b/src/pages/en/terms-of-reference.md index 4a9e2f7e3..af347d2f1 100644 --- a/src/pages/en/terms-of-reference.md +++ b/src/pages/en/terms-of-reference.md @@ -2,6 +2,9 @@ title: Terms of Reference description: Terms of Reference define the purpose and scope of the Digital Accessibility Toolkit project. It includes information regarding the structures of a project, key roles, membership, meeting, and more. toggle: mandats +role: + - governance + - projectManagement tags: - aboutUs toc: true diff --git a/src/pages/en/tips-for-creating-online-courses.md b/src/pages/en/tips-for-creating-online-courses.md index 82bfaa28d..84888b1fd 100644 --- a/src/pages/en/tips-for-creating-online-courses.md +++ b/src/pages/en/tips-for-creating-online-courses.md @@ -2,6 +2,8 @@ title: Tips for creating online courses description: Tips and tricks for writing, designing and developing online courses. toggle: conseils-pour-la-conception-de-cours-en-ligne +role: + - contentAuthoring subject: - howTos tags: diff --git a/src/pages/en/transcript-checklist.md b/src/pages/en/transcript-checklist.md index 2fd65492e..abe02f402 100644 --- a/src/pages/en/transcript-checklist.md +++ b/src/pages/en/transcript-checklist.md @@ -2,6 +2,8 @@ title: Transcript Checklist description: A tool to make sure you did not forget anything. toggle: liste-de-controle-des-transcriptions +role: + - contentPublishing subject: - howTos tags: diff --git a/src/pages/en/transcript-guidelines.md b/src/pages/en/transcript-guidelines.md index 5baec9637..da097a2e2 100644 --- a/src/pages/en/transcript-guidelines.md +++ b/src/pages/en/transcript-guidelines.md @@ -2,6 +2,8 @@ title: Transcript Guidelines description: Guidelines on how to incorporate various aspects of audio and video into a transcript. toggle: directives-pour-la-transcription +role: + - contentPublishing subject: - howTos tags: diff --git a/src/pages/en/universal-design-for-learning-udl.md b/src/pages/en/universal-design-for-learning-udl.md index b37cbc748..acf354e81 100644 --- a/src/pages/en/universal-design-for-learning-udl.md +++ b/src/pages/en/universal-design-for-learning-udl.md @@ -6,6 +6,9 @@ subject: tags: - designCourse toggle: conception-universelle-pour-lapprentissage-cua +role: + - contentAuthoring + - uxDesign category: - Best practices - Writing content diff --git a/src/pages/en/virtual-meeting-platforms-and-accessibility-features.md b/src/pages/en/virtual-meeting-platforms-and-accessibility-features.md index f872a9d6b..0c1d82d77 100644 --- a/src/pages/en/virtual-meeting-platforms-and-accessibility-features.md +++ b/src/pages/en/virtual-meeting-platforms-and-accessibility-features.md @@ -2,6 +2,9 @@ title: Virtual Meeting Platforms and Accessibility Features description: The Microsoft Teams and Zoom virtual meeting platforms offer various accessibility features that meet different needs, including for meetings and conversations. toggle: plateformes-de-reunions-virtuelles-et-fonctionnalites +role: + - projectManagement + - contentPublishing tags: subject: --- diff --git a/src/pages/en/visual-impairments.md b/src/pages/en/visual-impairments.md index b459ce16f..8956bc902 100644 --- a/src/pages/en/visual-impairments.md +++ b/src/pages/en/visual-impairments.md @@ -8,6 +8,9 @@ tags: audience: - Everyone toggle: deficiences-visuelles +role: + - uxResearch + - uxDesign --- - Designing for users with low vision (PDF, 43 KB) diff --git a/src/pages/en/web-accessibility-checklist.md b/src/pages/en/web-accessibility-checklist.md index 9f064e5c7..b0d523919 100644 --- a/src/pages/en/web-accessibility-checklist.md +++ b/src/pages/en/web-accessibility-checklist.md @@ -2,6 +2,9 @@ title: Web Accessibility Checklist description: Checklist to verify the web page content if it is accessible or not. toggle: liste-de-verification-pour-laccessibilite-web +role: + - qaAutomated + - qaManual subject: - howTos tags: diff --git a/src/pages/en/what-we-heard-report-standard-on-information-and-communication-technology-accessibility-sicta.md b/src/pages/en/what-we-heard-report-standard-on-information-and-communication-technology-accessibility-sicta.md index 367baa79f..fffc8cecf 100644 --- a/src/pages/en/what-we-heard-report-standard-on-information-and-communication-technology-accessibility-sicta.md +++ b/src/pages/en/what-we-heard-report-standard-on-information-and-communication-technology-accessibility-sicta.md @@ -2,6 +2,8 @@ title: "What we heard report: Standard on Information and Communication Technology Accessibility (SICTA)" description: "Between October 31 and November 30, 2022, the Treasury Board of Canada Secretariat - Office of the Chief Information Officer (TBS-OCIO) Digital Policy & Performance Division undertook a targeted engagement on the Standard on Information and Communication Technology (ICT) Accessibility. This page details the key themes that emerged and next steps to be taken in relation to the standard." toggle: rapport-sur-ce-que-nous-avons-entendu-norme-daccessibilite-des-technologies-de-linformation-et-des-communications-natic +role: + - governance subject: - accessibilityInTheGovernmentOfCanada tags: diff --git a/src/pages/fr/a-faire-et-a-ne-pas-faire-pour-developper-des-cours-en-ligne.md b/src/pages/fr/a-faire-et-a-ne-pas-faire-pour-developper-des-cours-en-ligne.md index 09e8886ab..8178c3c7d 100644 --- a/src/pages/fr/a-faire-et-a-ne-pas-faire-pour-developper-des-cours-en-ligne.md +++ b/src/pages/fr/a-faire-et-a-ne-pas-faire-pour-developper-des-cours-en-ligne.md @@ -2,6 +2,9 @@ title: À faire et à ne pas faire pour développer des cours en ligne description: Choses à faire et à ne pas faire pour rédiger, concevoir et développer des cours en ligne toggle: dos-and-donts-for-developing-online-courses +role: + - contentAuthoring + - uxDesign subject: - howTos tags: diff --git a/src/pages/fr/ameliorer-laccessibilite-des-formulaires.md b/src/pages/fr/ameliorer-laccessibilite-des-formulaires.md index 69b1d1e69..4431dc354 100644 --- a/src/pages/fr/ameliorer-laccessibilite-des-formulaires.md +++ b/src/pages/fr/ameliorer-laccessibilite-des-formulaires.md @@ -6,6 +6,9 @@ subject: tags: - createForms toggle: find-out-how-to-make-accessible-digital-forms +role: + - contentAuthoring + - frontEndDev internalLinks: true --- diff --git a/src/pages/fr/apprentissage-et-perfectionnement.md b/src/pages/fr/apprentissage-et-perfectionnement.md index ae1d787c7..7be9b3d23 100644 --- a/src/pages/fr/apprentissage-et-perfectionnement.md +++ b/src/pages/fr/apprentissage-et-perfectionnement.md @@ -2,6 +2,9 @@ title: Apprentissage et perfectionnement description: Découvrez une collection de produits d'apprentissage pour améliorer votre compréhension de l'accessibilité. Que vous soyez développeur, concepteur ou passionné, explorez nos liens vers des cours, des tutoriels et des outils. Rejoignez-nous pour créer un monde numérique plus inclusif. toggle: learning-and-development +role: + - governance + - contentAuthoring internalLinks: true tags: - main diff --git a/src/pages/fr/bonnes-pratiques-pour-les-evenements-virtuels-accessibles.md b/src/pages/fr/bonnes-pratiques-pour-les-evenements-virtuels-accessibles.md index 2120c1610..0c1cc4d4d 100644 --- a/src/pages/fr/bonnes-pratiques-pour-les-evenements-virtuels-accessibles.md +++ b/src/pages/fr/bonnes-pratiques-pour-les-evenements-virtuels-accessibles.md @@ -2,6 +2,10 @@ title: Bonnes pratiques pour les événements virtuels accessibles description: Ce guide porte sur la planification d’événements, couvrant un large éventail d’activités comme des conférences, des réunions, et des présentations. Il comprend les obstacles courants auxquels les personnes en situation d’handicap sont confrontées lors des événements et un calendrier suggéré pour l’organisation de votre événement. L’objectif est de travailler ensemble pour créer des expériences plus inclusives et accessibles. toggle: best-practices-for-accessible-virtual-events +role: + - projectManagement + - contentAuthoring + - uxDesign subject: - howTos tags: diff --git a/src/pages/fr/conception-universelle-pour-lapprentissage-cua.md b/src/pages/fr/conception-universelle-pour-lapprentissage-cua.md index c6611839f..e1eb1f184 100644 --- a/src/pages/fr/conception-universelle-pour-lapprentissage-cua.md +++ b/src/pages/fr/conception-universelle-pour-lapprentissage-cua.md @@ -6,6 +6,9 @@ subject: tags: - designCourse toggle: universal-design-for-learning-udl +role: + - contentAuthoring + - uxDesign category: - Pratiques exemplaires - Rédaction de contenu diff --git a/src/pages/fr/concevoir-des-images-accessibles.md b/src/pages/fr/concevoir-des-images-accessibles.md index 047fe06ed..757477ddf 100644 --- a/src/pages/fr/concevoir-des-images-accessibles.md +++ b/src/pages/fr/concevoir-des-images-accessibles.md @@ -2,9 +2,12 @@ title: Concevoir des images accessibles description: Grâce à ce diagramme, vous apprendrez à faire le meilleur choix pour concevoir des images accessibles. toggle: designing-accessible-images +role: + - visualDesign + - contentAuthoring --- -Une infographie sur la façon d'utiliser des images accessibles et d'utiliser le texte alternatif. Longue description ci-dessous +Une infographie sur la façon d'utiliser des images accessibles et d'utiliser le texte alternatif. Longue description ci-dessous ## L'objectif des images diff --git a/src/pages/fr/conseils-pour-la-conception-de-cours-en-ligne.md b/src/pages/fr/conseils-pour-la-conception-de-cours-en-ligne.md index a991af1b3..6559d932f 100644 --- a/src/pages/fr/conseils-pour-la-conception-de-cours-en-ligne.md +++ b/src/pages/fr/conseils-pour-la-conception-de-cours-en-ligne.md @@ -2,6 +2,8 @@ title: Conseils pour la conception de cours en ligne description: Conseils et astuces pour rédiger, concevoir et développer des cours en ligne toggle: tips-for-creating-online-courses +role: + - contentAuthoring subject: - howTos tags: diff --git a/src/pages/fr/deficiences-auditives.md b/src/pages/fr/deficiences-auditives.md index d9110124d..84ae50f80 100644 --- a/src/pages/fr/deficiences-auditives.md +++ b/src/pages/fr/deficiences-auditives.md @@ -8,6 +8,9 @@ tags: audience: - Everyone toggle: auditory-disabilities +role: + - uxResearch + - uxDesign --- - Concevoir pour les utilisateurs sourds ou malentendants (PDF, 70 ko) diff --git a/src/pages/fr/deficiences-visuelles.md b/src/pages/fr/deficiences-visuelles.md index 889e51c28..4e15dcf51 100644 --- a/src/pages/fr/deficiences-visuelles.md +++ b/src/pages/fr/deficiences-visuelles.md @@ -8,6 +8,9 @@ tags: audience: - Everyone toggle: visual-impairments +role: + - uxResearch + - uxDesign --- - Concevoir pour les utilisateurs malvoyants (PDF, 45 ko) diff --git a/src/pages/fr/diffusions-en-direct.md b/src/pages/fr/diffusions-en-direct.md index cf4bfaad7..262481330 100644 --- a/src/pages/fr/diffusions-en-direct.md +++ b/src/pages/fr/diffusions-en-direct.md @@ -2,6 +2,9 @@ title: Diffusions en direct description: Les diffusions en direct sont définies comme un animateur qui présente un PowerPoint par vidéoconférence. Nous définissions ici chaque type de diffusion et leurs exigences respectives en matière d'accessibilité. toggle: live-broadcast +role: + - contentPublishing + - projectManagement subject: - howTos tags: diff --git a/src/pages/fr/directives-pour-la-description-sonore.md b/src/pages/fr/directives-pour-la-description-sonore.md index d501b2a02..fcb0969d7 100644 --- a/src/pages/fr/directives-pour-la-description-sonore.md +++ b/src/pages/fr/directives-pour-la-description-sonore.md @@ -6,6 +6,9 @@ subject: tags: - createWebContent toggle: audio-description-guidelines +role: + - contentAuthoring + - contentPublishing audience: - Everyone --- diff --git a/src/pages/fr/directives-pour-la-transcription.md b/src/pages/fr/directives-pour-la-transcription.md index 0545ba56c..81284c123 100644 --- a/src/pages/fr/directives-pour-la-transcription.md +++ b/src/pages/fr/directives-pour-la-transcription.md @@ -2,6 +2,8 @@ title: Directives pour la transcription description: Directives sur la manière d’incorporer divers aspects de l’audio et de la vidéo dans une transcription. toggle: transcript-guidelines +role: + - contentPublishing subject: - howTos tags: diff --git a/src/pages/fr/ecole-de-la-fonction-publique-du-canada-efpc.md b/src/pages/fr/ecole-de-la-fonction-publique-du-canada-efpc.md index 0bfdb8531..537355e53 100644 --- a/src/pages/fr/ecole-de-la-fonction-publique-du-canada-efpc.md +++ b/src/pages/fr/ecole-de-la-fonction-publique-du-canada-efpc.md @@ -2,6 +2,8 @@ title: École de la fonction publique du Canada (EFPC) description: L'École de la fonction publique du Canada dirige l'approche pangouvernementale en matière d'apprentissage en offrant un programme de cours commun normalisé qui appuie les fonctionnaires aux points tournants de leur carrière, afin d'assurer qu'ils sont outillés pour servir les Canadiens en respectant les plus hauts critères d'excellence. Plusieurs équipes de l’École soutiennent l'accessibilité numérique dans le but de créer un environnement d'apprentissage sans obstacles pour ses apprenants. toggle: canada-school-of-public-service-csps +role: + - governance subject: - accessibilityInTheGovernmentOfCanada tags: diff --git a/src/pages/fr/emploi-et-developpement-social-canada-edsc.md b/src/pages/fr/emploi-et-developpement-social-canada-edsc.md index 6d1741cb0..ed7490c19 100644 --- a/src/pages/fr/emploi-et-developpement-social-canada-edsc.md +++ b/src/pages/fr/emploi-et-developpement-social-canada-edsc.md @@ -2,6 +2,8 @@ title: Emploi et Développement social Canada (EDSC) description: Emploi et Développement social Canada (EDSC) travaille à améliorer le niveau de vie et la qualité de vie de tous les Canadiens en faisant la promotion d'une main-d'œuvre mobile et hautement spécialisée ainsi que d'un marché du travail efficace et favorable à l'inclusion. EDSC compte plusieurs équipes travaillant dans le domaine de l'accessibilité numérique dans le but de créer un environnement sans obstacle pour les Canadiens et les employés ! toggle: employment-and-social-development-canada-esdc +role: + - governance subject: - accessibilityInTheGovernmentOfCanada tags: diff --git a/src/pages/fr/enregistrements.md b/src/pages/fr/enregistrements.md index 7d830f762..f224f6c99 100644 --- a/src/pages/fr/enregistrements.md +++ b/src/pages/fr/enregistrements.md @@ -2,6 +2,8 @@ title: Enregistrements description: Les enregistrements appartiennent généralement à l’une des deux catégories suivantes un événement animé en personne (vidéo standard) ou une présentation uniquement audio. Nous avons défini ci-dessous chaque type et ses exigences respectives en matière d’accessibilité. toggle: recordings +role: + - contentPublishing subject: - howTos tags: diff --git a/src/pages/fr/exigences-en-matiere-de-technologies-de-linformation-et-des-communications-tic-accessibles.md b/src/pages/fr/exigences-en-matiere-de-technologies-de-linformation-et-des-communications-tic-accessibles.md index 745d756f5..908873de2 100644 --- a/src/pages/fr/exigences-en-matiere-de-technologies-de-linformation-et-des-communications-tic-accessibles.md +++ b/src/pages/fr/exigences-en-matiere-de-technologies-de-linformation-et-des-communications-tic-accessibles.md @@ -11,6 +11,9 @@ hasDocument: sizeUnit: "KB" type: "word" toggle: information-and-communication-technology-ict-accessibility-requirements +role: + - governance + - frontEndDev --- {% include "information-and-communication-technology-ict-accessibility-requirements/intro.njk" %} diff --git a/src/pages/fr/fiches-conseils-ms-office/fiche-de-conseils-microsoft-word.md b/src/pages/fr/fiches-conseils-ms-office/fiche-de-conseils-microsoft-word.md index 82e468836..f509c2bc3 100644 --- a/src/pages/fr/fiches-conseils-ms-office/fiche-de-conseils-microsoft-word.md +++ b/src/pages/fr/fiches-conseils-ms-office/fiche-de-conseils-microsoft-word.md @@ -1,5 +1,11 @@ --- title: Feuille de conseils pour Microsoft Word +description: Référence rapide aux meilleures pratiques d'accessibilité pour les documents Word. +toggle: tip-sheet-for-microsoft-word +role: + - contentAuthoring + - contentPublishing +---itle: Feuille de conseils pour Microsoft Word description: Référence rapide aux meilleures pratiques d’accessibilité pour les documents Word. toggle: tip-sheet-for-microsoft-word --- diff --git a/src/pages/fr/fiches-conseils-ms-office/fiche-de-conseils-outlook.md b/src/pages/fr/fiches-conseils-ms-office/fiche-de-conseils-outlook.md index 681795317..40136ec5e 100644 --- a/src/pages/fr/fiches-conseils-ms-office/fiche-de-conseils-outlook.md +++ b/src/pages/fr/fiches-conseils-ms-office/fiche-de-conseils-outlook.md @@ -1,5 +1,11 @@ --- title: Feuille de conseils pour Microsoft Outlook +description: Référence simple pour la création d'un courrier électronique accessible dans Outlook. +toggle: tip-sheet-for-microsoft-outlook +role: + - contentAuthoring + - contentPublishing +---itle: Feuille de conseils pour Microsoft Outlook description: Référence simple pour la création d’un courrier électronique accessible dans Outlook. toggle: tip-sheet-for-microsoft-outlook --- diff --git a/src/pages/fr/fiches-conseils-ms-office/fiche-de-conseils-presentation-powerpoint-de-microsoft.md b/src/pages/fr/fiches-conseils-ms-office/fiche-de-conseils-presentation-powerpoint-de-microsoft.md index 69048cfa7..85aab60c6 100644 --- a/src/pages/fr/fiches-conseils-ms-office/fiche-de-conseils-presentation-powerpoint-de-microsoft.md +++ b/src/pages/fr/fiches-conseils-ms-office/fiche-de-conseils-presentation-powerpoint-de-microsoft.md @@ -2,6 +2,9 @@ title: Feuille de conseils pour la présentation Microsoft PowerPoint description: Référencez facilement les meilleures pratiques accessibles pour la création PowerPoint. toggle: tip-sheet-for-microsoft-powerpoint-presentation +role: + - contentAuthoring + - contentPublishing --- # Créer des présentations accessibles dans PowerPoint diff --git a/src/pages/fr/guide-pour-linclusion-de-laccessibilit-dans-lapprovisionnement-lie-aux-technologies-de-linformation-et-des-communications-tic.md b/src/pages/fr/guide-pour-linclusion-de-laccessibilit-dans-lapprovisionnement-lie-aux-technologies-de-linformation-et-des-communications-tic.md index 55821e9fc..3d3bf6b6b 100644 --- a/src/pages/fr/guide-pour-linclusion-de-laccessibilit-dans-lapprovisionnement-lie-aux-technologies-de-linformation-et-des-communications-tic.md +++ b/src/pages/fr/guide-pour-linclusion-de-laccessibilit-dans-lapprovisionnement-lie-aux-technologies-de-linformation-et-des-communications-tic.md @@ -7,6 +7,10 @@ toc: true internalLinks: true subject: - accessibilityInTheGovernmentOfCanada +role: + - businessAnalysis + - governance + - projectManagement tags: - procurement - updatesMain diff --git a/src/pages/fr/handicaps-cognitifs.md b/src/pages/fr/handicaps-cognitifs.md index a3d91bec8..97e32a305 100644 --- a/src/pages/fr/handicaps-cognitifs.md +++ b/src/pages/fr/handicaps-cognitifs.md @@ -28,6 +28,9 @@ keywords: audience: - Everyone toggle: cognitive-disabilities +role: + - uxResearch + - uxDesign --- - Concevoir pour les utilisateurs dans le spectre de l'autisme (PDF, 67 ko) diff --git a/src/pages/fr/handicaps-de-mobilite-de-flexibilite-et-de-structure-corporelle.md b/src/pages/fr/handicaps-de-mobilite-de-flexibilite-et-de-structure-corporelle.md index 94e9aa641..796f0c40e 100644 --- a/src/pages/fr/handicaps-de-mobilite-de-flexibilite-et-de-structure-corporelle.md +++ b/src/pages/fr/handicaps-de-mobilite-de-flexibilite-et-de-structure-corporelle.md @@ -25,6 +25,9 @@ subject: tags: - aboutDisabilities toggle: mobility-flexibility-and-body-structure-disabilities +role: + - uxResearch + - uxDesign --- - Concevoir pour les utilisateurs avec un handicap physique ou moteur (PDF, 50 ko) diff --git a/src/pages/fr/introduction-aux-exigences-daccessibilite-pour-laudio-video.md b/src/pages/fr/introduction-aux-exigences-daccessibilite-pour-laudio-video.md index 746c2ab9c..9680324fd 100644 --- a/src/pages/fr/introduction-aux-exigences-daccessibilite-pour-laudio-video.md +++ b/src/pages/fr/introduction-aux-exigences-daccessibilite-pour-laudio-video.md @@ -2,6 +2,9 @@ title: Introduction aux exigences d’accessibilité pour l’audio-vidéo description: Ce document est une excellente introduction sur la manière de rendre la vidéo accessible à un public de conseillers en communication se situant entre l'auteur Web et l'expert en contenu. toggle: introduction-to-accessibility-requirements-for-audio-video +role: + - contentAuthoring + - contentPublishing subject: - howTos tags: diff --git a/src/pages/fr/langue-du-contenu-audiovideo.md b/src/pages/fr/langue-du-contenu-audiovideo.md index 03d4ed445..e4102f347 100644 --- a/src/pages/fr/langue-du-contenu-audiovideo.md +++ b/src/pages/fr/langue-du-contenu-audiovideo.md @@ -2,6 +2,9 @@ title: Langue du contenu audio/vidéo description: Quand utiliser l'interprétation en langage des signes et les vidéos bilingues, outils et exemples de vidéos accessibles. toggle: language-of-audiovideo-content +role: + - contentAuthoring + - contentPublishing subject: - howTos tags: diff --git a/src/pages/fr/liste-de-controle-des-transcriptions.md b/src/pages/fr/liste-de-controle-des-transcriptions.md index 65d28f46f..9e96573fc 100644 --- a/src/pages/fr/liste-de-controle-des-transcriptions.md +++ b/src/pages/fr/liste-de-controle-des-transcriptions.md @@ -2,6 +2,8 @@ title: Liste de contrôle des transcriptions description: Outil pour s’assurer de rien oublier. toggle: transcript-checklist +role: + - contentPublishing subject: - howTos tags: diff --git a/src/pages/fr/liste-de-controle-pour-le-sous-titrage.md b/src/pages/fr/liste-de-controle-pour-le-sous-titrage.md index ea7b9c738..99eaa093c 100644 --- a/src/pages/fr/liste-de-controle-pour-le-sous-titrage.md +++ b/src/pages/fr/liste-de-controle-pour-le-sous-titrage.md @@ -2,6 +2,8 @@ title: Liste de contrôle pour le sous-titrage description: Pour ne rien oublier avec votre sous-titrage. toggle: captioning-checklist +role: + - contentPublishing subject: - howTos tags: diff --git a/src/pages/fr/liste-de-verification-de-la-conformite-des-documents-microsoft.md b/src/pages/fr/liste-de-verification-de-la-conformite-des-documents-microsoft.md index a0fc2073f..960723994 100644 --- a/src/pages/fr/liste-de-verification-de-la-conformite-des-documents-microsoft.md +++ b/src/pages/fr/liste-de-verification-de-la-conformite-des-documents-microsoft.md @@ -2,6 +2,8 @@ title: Liste de vérification de la conformité des documents Microsoft description: Vous trouverez ici différentes questions qui vous aideront à savoir si votre document Word est accessible ou non. toggle: microsoft-document-compliance-checklist +role: + - contentAuthoring subject: - howTos tags: diff --git a/src/pages/fr/liste-de-verification-de-laccessibilite-des-documents-pdf.md b/src/pages/fr/liste-de-verification-de-laccessibilite-des-documents-pdf.md index 9d10b923d..9db5ddb92 100644 --- a/src/pages/fr/liste-de-verification-de-laccessibilite-des-documents-pdf.md +++ b/src/pages/fr/liste-de-verification-de-laccessibilite-des-documents-pdf.md @@ -3,6 +3,8 @@ title: Liste de vérification de l’accessibilité des documents PDF description: Vous trouverez ici différentes questions pour vous aider à savoir si votre document pdf est accessible ou non. internalLinks: true toggle: pdf-accessibility-checklist +role: + - contentAuthoring subject: - howTos tags: diff --git a/src/pages/fr/liste-de-verification-pour-laccessibilite-web.md b/src/pages/fr/liste-de-verification-pour-laccessibilite-web.md index 65ebe194c..de39d90f6 100644 --- a/src/pages/fr/liste-de-verification-pour-laccessibilite-web.md +++ b/src/pages/fr/liste-de-verification-pour-laccessibilite-web.md @@ -2,6 +2,9 @@ title: Liste de vérification pour l'accessibilité Web description: Liste de vérification pour vérifier si le contenu d'une page web est accessible ou non. toggle: web-accessibility-checklist +role: + - qaAutomated + - qaManual subject: - howTos tags: diff --git a/src/pages/fr/mandats.md b/src/pages/fr/mandats.md index c538710c4..9090d94e8 100644 --- a/src/pages/fr/mandats.md +++ b/src/pages/fr/mandats.md @@ -2,6 +2,9 @@ title: Mandats description: Le cadre de référence définit l’objet et la portée du projet de la Boîte à outils de l'accessibilité numérique. Il comprend des informations sur la structures du projet, les rôles clés, les membres, le fonctionnement, etc. toggle: terms-of-reference +role: + - governance + - projectManagement tags: - aboutUs toc: true diff --git a/src/pages/fr/ms-office/2016/classeurs-excel-accessibles-dans-office-2016.md b/src/pages/fr/ms-office/2016/classeurs-excel-accessibles-dans-office-2016.md index 96c0cb4da..e200188ac 100644 --- a/src/pages/fr/ms-office/2016/classeurs-excel-accessibles-dans-office-2016.md +++ b/src/pages/fr/ms-office/2016/classeurs-excel-accessibles-dans-office-2016.md @@ -2,6 +2,9 @@ title: Classeurs Excel accessibles dans Office 2016 description: Pratiques accessibles pour la création de documents Microsoft Excel 2016. toggle: accessible-excel-workbooks-in-office-2016 +role: + - contentAuthoring + - contentPublishing fontIcon: fa-file-excel --- diff --git a/src/pages/fr/ms-office/2016/dessins-visio-accessibles-dans-office-2016.md b/src/pages/fr/ms-office/2016/dessins-visio-accessibles-dans-office-2016.md index c00dcc07d..61221df31 100644 --- a/src/pages/fr/ms-office/2016/dessins-visio-accessibles-dans-office-2016.md +++ b/src/pages/fr/ms-office/2016/dessins-visio-accessibles-dans-office-2016.md @@ -2,6 +2,9 @@ title: Dessins Visio accessibles dans Office 2016 description: Pratiques accessibles pour la création de diagrammes Microsoft Visio 2016. toggle: accessible-visio-drawings-in-office-2016 +role: + - contentAuthoring + - contentPublishing fontIcon: fa-project-diagram --- diff --git a/src/pages/fr/ms-office/2016/documents-pdf-accessibles-dans-office-2016.md b/src/pages/fr/ms-office/2016/documents-pdf-accessibles-dans-office-2016.md index 7b2560642..c68372654 100644 --- a/src/pages/fr/ms-office/2016/documents-pdf-accessibles-dans-office-2016.md +++ b/src/pages/fr/ms-office/2016/documents-pdf-accessibles-dans-office-2016.md @@ -2,6 +2,9 @@ title: Documents PDF accessibles dans Office 2016 description: Pratiques accessibles pour la création de documents PDF 2016. toggle: accessible-pdf-documents-in-office-2016 +role: + - contentAuthoring + - contentPublishing fontIcon: fa-file-pdf --- diff --git a/src/pages/fr/ms-office/2016/documents-word-accessibles-dans-office-2016.md b/src/pages/fr/ms-office/2016/documents-word-accessibles-dans-office-2016.md index 841f0c8f8..ff2a24a6e 100644 --- a/src/pages/fr/ms-office/2016/documents-word-accessibles-dans-office-2016.md +++ b/src/pages/fr/ms-office/2016/documents-word-accessibles-dans-office-2016.md @@ -2,6 +2,9 @@ title: Documents Word accessibles dans Office 2016 description: Pratiques accessibles pour la création de documents Microsoft Word 2016. toggle: accessible-word-documents-in-office-2016 +role: + - contentAuthoring + - contentPublishing fontIcon: fa-file-word --- diff --git a/src/pages/fr/ms-office/2016/presentations-powerpoint-accessibles-dans-office-2016.md b/src/pages/fr/ms-office/2016/presentations-powerpoint-accessibles-dans-office-2016.md index c791df4ff..56b3cf6c3 100644 --- a/src/pages/fr/ms-office/2016/presentations-powerpoint-accessibles-dans-office-2016.md +++ b/src/pages/fr/ms-office/2016/presentations-powerpoint-accessibles-dans-office-2016.md @@ -2,6 +2,9 @@ title: Présentations PowerPoint accessibles dans Office 2016 description: Pratiques accessibles pour la création de documents Microsoft PowerPoint 2016. toggle: accessible-powerpoint-presentations-in-office-2016 +role: + - contentAuthoring + - contentPublishing fontIcon: fa-file-powerpoint --- diff --git a/src/pages/fr/ms-office/365/classeurs-excel-accessibles-dans-microsoft-365.md b/src/pages/fr/ms-office/365/classeurs-excel-accessibles-dans-microsoft-365.md index ae58e3ea4..532b525e6 100644 --- a/src/pages/fr/ms-office/365/classeurs-excel-accessibles-dans-microsoft-365.md +++ b/src/pages/fr/ms-office/365/classeurs-excel-accessibles-dans-microsoft-365.md @@ -2,6 +2,9 @@ title: Classeurs Excel accessibles dans Microsoft 365 description: Pratiques accessibles pour la création de documents Microsoft Excel. toggle: accessible-excel-workbooks-in-microsoft-365 +role: + - contentAuthoring + - contentPublishing fontIcon: fa-file-excel --- diff --git a/src/pages/fr/ms-office/365/dessins-visio-accessibles-dans-microsoft-365.md b/src/pages/fr/ms-office/365/dessins-visio-accessibles-dans-microsoft-365.md index 1793e6a5e..e84e171ba 100644 --- a/src/pages/fr/ms-office/365/dessins-visio-accessibles-dans-microsoft-365.md +++ b/src/pages/fr/ms-office/365/dessins-visio-accessibles-dans-microsoft-365.md @@ -2,6 +2,9 @@ title: Dessins Visio accessibles dans Microsoft 365 description: Pratiques accessibles pour la création de diagrammes Microsoft Visio. toggle: accessible-visio-drawings-in-microsoft-365 +role: + - contentAuthoring + - contentPublishing fontIcon: fa-project-diagram --- diff --git a/src/pages/fr/ms-office/365/documents-pdf-accessibles-dans-microsoft-365.md b/src/pages/fr/ms-office/365/documents-pdf-accessibles-dans-microsoft-365.md index 20b880cd4..1b89ae226 100644 --- a/src/pages/fr/ms-office/365/documents-pdf-accessibles-dans-microsoft-365.md +++ b/src/pages/fr/ms-office/365/documents-pdf-accessibles-dans-microsoft-365.md @@ -2,6 +2,9 @@ title: Documents PDF accessibles dans Microsoft 365 description: Pratiques accessibles pour la création de documents PDF. toggle: accessible-pdf-documents-in-microsoft-365 +role: + - contentAuthoring + - contentPublishing fontIcon: fa-file-pdf --- diff --git a/src/pages/fr/ms-office/365/documents-word-accessibles-dans-microsoft-365.md b/src/pages/fr/ms-office/365/documents-word-accessibles-dans-microsoft-365.md index 96b22a06d..f170994af 100644 --- a/src/pages/fr/ms-office/365/documents-word-accessibles-dans-microsoft-365.md +++ b/src/pages/fr/ms-office/365/documents-word-accessibles-dans-microsoft-365.md @@ -2,6 +2,9 @@ title: Documents Word accessibles dans Microsoft 365 description: Pratiques accessibles pour la création de documents Microsoft Word. toggle: accessible-word-documents-in-microsoft-365 +role: + - contentAuthoring + - contentPublishing fontIcon: fa-file-word --- diff --git a/src/pages/fr/ms-office/365/presentations-powerpoint-accessibles-dans-microsoft-365.md b/src/pages/fr/ms-office/365/presentations-powerpoint-accessibles-dans-microsoft-365.md index 03b83c9a6..0980ecdb3 100644 --- a/src/pages/fr/ms-office/365/presentations-powerpoint-accessibles-dans-microsoft-365.md +++ b/src/pages/fr/ms-office/365/presentations-powerpoint-accessibles-dans-microsoft-365.md @@ -2,6 +2,9 @@ title: Présentations PowerPoint accessibles dans Microsoft 365 description: Pratiques accessibles pour la création de documents Microsoft PowerPoint. toggle: accessible-powerpoint-presentations-in-microsoft-365 +role: + - contentAuthoring + - contentPublishing fontIcon: fa-file-powerpoint --- diff --git a/src/pages/fr/personas-handicapes-pour-la-conception-dune-experience-utilisateur-inclusive-eu.md b/src/pages/fr/personas-handicapes-pour-la-conception-dune-experience-utilisateur-inclusive-eu.md index 630a3ead5..b06ef5d3d 100644 --- a/src/pages/fr/personas-handicapes-pour-la-conception-dune-experience-utilisateur-inclusive-eu.md +++ b/src/pages/fr/personas-handicapes-pour-la-conception-dune-experience-utilisateur-inclusive-eu.md @@ -6,6 +6,9 @@ subject: tags: - designCourse toggle: personas-with-disabilities-for-inclusive-user-experience-ux-design +role: + - uxResearch + - uxDesign tocSimple: true --- diff --git a/src/pages/fr/plateformes-de-reunions-virtuelles-et-fonctionnalites.md b/src/pages/fr/plateformes-de-reunions-virtuelles-et-fonctionnalites.md index 6aa41f0af..76b86002a 100644 --- a/src/pages/fr/plateformes-de-reunions-virtuelles-et-fonctionnalites.md +++ b/src/pages/fr/plateformes-de-reunions-virtuelles-et-fonctionnalites.md @@ -2,6 +2,9 @@ title: Plateformes de réunions virtuelles et fonctionnalités description: Les plateformes de réunions virtuelles Microsoft Teams et Zoom offrent diverses fonctionnalités d’accessibilité qui répondent à différents besoins, entre autres pour les réunions et les conversations. toggle: virtual-meeting-platforms-and-accessibility-features +role: + - projectManagement + - contentPublishing tags: --- diff --git a/src/pages/fr/principes-de-conception-pour-des-services-accessibles/concevoir-pour-les-utilisateurs-avec-un-handicap-physique-ou-moteur.md b/src/pages/fr/principes-de-conception-pour-des-services-accessibles/concevoir-pour-les-utilisateurs-avec-un-handicap-physique-ou-moteur.md index 7d1e4b012..91bba079d 100644 --- a/src/pages/fr/principes-de-conception-pour-des-services-accessibles/concevoir-pour-les-utilisateurs-avec-un-handicap-physique-ou-moteur.md +++ b/src/pages/fr/principes-de-conception-pour-des-services-accessibles/concevoir-pour-les-utilisateurs-avec-un-handicap-physique-ou-moteur.md @@ -4,6 +4,9 @@ description: Ce qu’il faut faire — et ce qu’il ne faut paspas fair tags: - designingAccessible toggle: designing-for-users-on-the-autism-spectrum +role: + - uxDesign subject: - howTos --- diff --git a/src/pages/fr/principes-de-conception-pour-des-services-accessibles/concevoir-pour-les-utilisateurs-de-revues-decran.md b/src/pages/fr/principes-de-conception-pour-des-services-accessibles/concevoir-pour-les-utilisateurs-de-revues-decran.md index 3c3c4c76d..a40e8243e 100644 --- a/src/pages/fr/principes-de-conception-pour-des-services-accessibles/concevoir-pour-les-utilisateurs-de-revues-decran.md +++ b/src/pages/fr/principes-de-conception-pour-des-services-accessibles/concevoir-pour-les-utilisateurs-de-revues-decran.md @@ -4,6 +4,10 @@ description: Ce qu’il faut faire — et ce qu’il ne faut pas faire — lors tags: - designingAccessible toggle: designing-for-users-of-screen-readers +role: + - uxDesign + - visualDesign + - frontEndDev subject: - howTos --- diff --git a/src/pages/fr/principes-de-conception-pour-des-services-accessibles/concevoir-pour-les-utilisateurs-malvoyants.md b/src/pages/fr/principes-de-conception-pour-des-services-accessibles/concevoir-pour-les-utilisateurs-malvoyants.md index e50d506cf..8b3a1fa7b 100644 --- a/src/pages/fr/principes-de-conception-pour-des-services-accessibles/concevoir-pour-les-utilisateurs-malvoyants.md +++ b/src/pages/fr/principes-de-conception-pour-des-services-accessibles/concevoir-pour-les-utilisateurs-malvoyants.md @@ -4,6 +4,9 @@ description: Ce qu'il faut faire - et ce qu'il ne faut pas fair tags: - designingAccessible toggle: designing-for-users-with-low-vision +role: + - uxDesign + - visualDesign subject: - howTos --- diff --git a/src/pages/fr/principes-de-conception-pour-des-services-accessibles/concevoir-pour-les-utilisateurs-sourds-ou-malentendants.md b/src/pages/fr/principes-de-conception-pour-des-services-accessibles/concevoir-pour-les-utilisateurs-sourds-ou-malentendants.md index 013fcbc78..94b5f6d4f 100644 --- a/src/pages/fr/principes-de-conception-pour-des-services-accessibles/concevoir-pour-les-utilisateurs-sourds-ou-malentendants.md +++ b/src/pages/fr/principes-de-conception-pour-des-services-accessibles/concevoir-pour-les-utilisateurs-sourds-ou-malentendants.md @@ -4,6 +4,8 @@ description: Ce qu'il faut faire - et ce qu'il ne faut pas fair tags: - designingAccessible toggle: designing-for-users-who-are-deaf-or-hard-of-hearing +role: + - uxDesign subject: - howTos --- diff --git a/src/pages/fr/principes-de-conception-pour-des-services-accessibles/principes-de-conception-pour-les-utilisateurs-avec-handicap-cognitif.md b/src/pages/fr/principes-de-conception-pour-des-services-accessibles/principes-de-conception-pour-les-utilisateurs-avec-handicap-cognitif.md index 7bf7ccbd9..b6eb843b0 100644 --- a/src/pages/fr/principes-de-conception-pour-des-services-accessibles/principes-de-conception-pour-les-utilisateurs-avec-handicap-cognitif.md +++ b/src/pages/fr/principes-de-conception-pour-des-services-accessibles/principes-de-conception-pour-les-utilisateurs-avec-handicap-cognitif.md @@ -4,6 +4,8 @@ description: Ce qu'il faut faire - et ce qu'il ne faut pas fair tags: - designingAccessible toggle: designing-for-users-with-cognitive-disabilities +role: + - uxDesign subject: - howTos --- diff --git a/src/pages/fr/procurement/instructions-pour-le-modele-de-feuille-de-route-pour-la-correction-des-problemes-daccessibilite.md b/src/pages/fr/procurement/instructions-pour-le-modele-de-feuille-de-route-pour-la-correction-des-problemes-daccessibilite.md index 5be0627c5..4507988bd 100644 --- a/src/pages/fr/procurement/instructions-pour-le-modele-de-feuille-de-route-pour-la-correction-des-problemes-daccessibilite.md +++ b/src/pages/fr/procurement/instructions-pour-le-modele-de-feuille-de-route-pour-la-correction-des-problemes-daccessibilite.md @@ -9,6 +9,10 @@ subject: tags: - procurement - updatesMain +role: + - businessAnalysis + - projectManagement + - governance hasDocument: type: word sizeNumber: 78 diff --git a/src/pages/fr/projet-de-la-boite-a-outils-de-laccessibilite-numerique.md b/src/pages/fr/projet-de-la-boite-a-outils-de-laccessibilite-numerique.md index cb9ab8ec2..01d79e2fd 100644 --- a/src/pages/fr/projet-de-la-boite-a-outils-de-laccessibilite-numerique.md +++ b/src/pages/fr/projet-de-la-boite-a-outils-de-laccessibilite-numerique.md @@ -2,6 +2,9 @@ title: Projet de la Boîte à outils de l'accessibilité numérique description: A propos du projet, qui nous sommes et quel est notre but. toggle: digital-accessibility-toolkit-project +role: + - governance + - projectManagement tags: - aboutUs --- diff --git a/src/pages/fr/rapport-sur-ce-que-nous-avons-entendu-norme-daccessibilite-des-technologies-de-linformation-et-des-communications-natic.md b/src/pages/fr/rapport-sur-ce-que-nous-avons-entendu-norme-daccessibilite-des-technologies-de-linformation-et-des-communications-natic.md index 4e10a606d..3196391de 100644 --- a/src/pages/fr/rapport-sur-ce-que-nous-avons-entendu-norme-daccessibilite-des-technologies-de-linformation-et-des-communications-natic.md +++ b/src/pages/fr/rapport-sur-ce-que-nous-avons-entendu-norme-daccessibilite-des-technologies-de-linformation-et-des-communications-natic.md @@ -2,6 +2,8 @@ title: "Rapport sur ce que nous avons entendu : Norme d’accessibilité des technologies de l’information et des communications (NATIC)" description: "Entre le 31 octobre et le 30 novembre 2022, la Division de la politique numérique et de la performance du Secrétariat du Conseil du Trésor du Canada - Bureau du dirigeant principal de l'information (SCT-BDPI) a entrepris un engagement ciblé sur la Norme d'accessibilité des technologies de l'information et de la communication (TIC). Cette page détaille les principaux thèmes qui ont émergé et les prochaines étapes à suivre en ce qui concerne la norme." toggle: what-we-heard-report-standard-on-information-and-communication-technology-accessibility-sicta +role: + - governance subject: - accessibilityInTheGovernmentOfCanada tags: diff --git a/src/pages/fr/recherche-sur-notre-audience.md b/src/pages/fr/recherche-sur-notre-audience.md index 765c15d65..04b298586 100644 --- a/src/pages/fr/recherche-sur-notre-audience.md +++ b/src/pages/fr/recherche-sur-notre-audience.md @@ -4,6 +4,8 @@ description: En développant une meilleure compréhension de nos utilisateurs, n tags: - aboutUs toggle: research-on-our-target-audience +role: + - uxResearch --- ## À propos de la création de notre personnage diff --git a/src/pages/fr/rendre-vos-courriels-accessibles.md b/src/pages/fr/rendre-vos-courriels-accessibles.md index a959ef786..cf138f510 100644 --- a/src/pages/fr/rendre-vos-courriels-accessibles.md +++ b/src/pages/fr/rendre-vos-courriels-accessibles.md @@ -5,6 +5,9 @@ tags: - howTos - updatesMain toggle: making-accessible-emails +role: + - contentAuthoring + - contentPublishing tocSimple: true --- diff --git a/src/pages/fr/ressources-additionnelles.md b/src/pages/fr/ressources-additionnelles.md index 0a0a48c50..860e27009 100644 --- a/src/pages/fr/ressources-additionnelles.md +++ b/src/pages/fr/ressources-additionnelles.md @@ -4,6 +4,9 @@ layout: layouts/base.njk description: Ressources et outils utiles en matière d'accessibilité du web pour les employés du gouvernement du Canada. internalLinks: true toggle: additional-resources +role: + - governance + - contentAuthoring tags: - resourcesAndTools tocSimple: true diff --git a/src/pages/fr/resume-technique-de-la-norme-en-301-549-v321-2021.md b/src/pages/fr/resume-technique-de-la-norme-en-301-549-v321-2021.md index a2dcfa3da..6dd668bf9 100644 --- a/src/pages/fr/resume-technique-de-la-norme-en-301-549-v321-2021.md +++ b/src/pages/fr/resume-technique-de-la-norme-en-301-549-v321-2021.md @@ -2,6 +2,9 @@ title: Résumé technique de la norme EN 301 549 v3.2.1 (2021) description: Ce résumé technique fournit au lecteur un résumé simplifié des exigences techniques de la norme EN 301 549 (V3.2.1 (2021-03) Norme européenne harmonisée relative à l'accessibilité des produits et services TIC. Chaque clause ou groupe de clauses connexes a été reformulé en langage clair et des exemples ont été ajoutés pour aider les lecteurs à comprendre les exigences à un niveau élevé. Ce document est particulièrement utile pour ceux qui souhaitent comprendre les exigences de la norme EN 301 549 sans avoir à lire l'intégralité de la norme. toggle: technical-summary-of-the-en-301-549-v321-2021 +role: + - governance + - frontEndDev subject: - accessibilityInTheGovernmentOfCanada tags: diff --git a/src/pages/fr/seance-de-mobilisation-ciblee-lebauche-de-la-norme-daccessibilite-des-technologies-de-linformation-et-des-communications-tic.md b/src/pages/fr/seance-de-mobilisation-ciblee-lebauche-de-la-norme-daccessibilite-des-technologies-de-linformation-et-des-communications-tic.md index cd049b23d..269345ce5 100644 --- a/src/pages/fr/seance-de-mobilisation-ciblee-lebauche-de-la-norme-daccessibilite-des-technologies-de-linformation-et-des-communications-tic.md +++ b/src/pages/fr/seance-de-mobilisation-ciblee-lebauche-de-la-norme-daccessibilite-des-technologies-de-linformation-et-des-communications-tic.md @@ -2,6 +2,8 @@ title: "Séance de mobilisation ciblée : L’ébauche de la Norme d’accessibilité des technologies de l’information et des communications (TIC)" description: "La Division de la politique numérique du Secrétariat du Conseil du Trésor souhaite obtenir des renseignements ciblés sur la première phase de la Norme d’accessibilité des technologies de l’information et des communications (TIC). Ce site Web est l’endroit où vous pouvez fournir une rétroaction pour aider à rendre les TIC du gouvernement du Canada utilisables par tous." toggle: targeted-engagement-draft-standard-on-information-and-communication-technology-ict-accessibility +role: + - governance subject: - accessibilityInTheGovernmentOfCanada tags: diff --git a/src/pages/fr/statistique-canada-statcan.md b/src/pages/fr/statistique-canada-statcan.md index 1ffd6e9e3..4d9d2f18e 100644 --- a/src/pages/fr/statistique-canada-statcan.md +++ b/src/pages/fr/statistique-canada-statcan.md @@ -2,6 +2,8 @@ title: Statistique Canada (StatCan) description: Statistique Canada, en collaboration avec des partenaires d'Emploi et Développement social Canada, continuera d'élaborer et de diffuser des produits permettant de mieux comprendre les expériences des Canadiens en matière d'accessibilité. Le carrefour de données sur l'accessibilité offre un emplacement centralisé de sujets liés à l'accessibilité et à l'incapacité par le biais de tableaux de données, d'articles, d'infographies et d'outils interactifs de visualisation de données. toggle: statistics-canada-statcan +role: + - governance subject: - accessibilityInTheGovernmentOfCanada tags: diff --git a/src/pages/fr/test-daccessibilite-101.md b/src/pages/fr/test-daccessibilite-101.md index 090d1fa50..250307e86 100644 --- a/src/pages/fr/test-daccessibilite-101.md +++ b/src/pages/fr/test-daccessibilite-101.md @@ -1,5 +1,16 @@ --- -title: Test d’accessibilité 101 +title: Test d'accessibilité 101 +description: Nous encourageons tous ceux qui souhaitent créer du contenu accessible à utiliser des outils de test d'accessibilité automatisés. Ces outils aident les créateurs de contenu à développer leurs contenus en détectant les erreurs et en proposant des suggestions pour améliorer l'accessibilité de leur produit, de leur application ou de leur site Web. Cette page présente une liste d'outils de test d'accessibilité recommandés. +toggle: accessibility-testing-101 +subject: + - howTos +tags: + - testYourProducts +role: + - contentAuthoring + - qaAutomated +toc: true +--- Test d’accessibilité 101 description: Nous encourageons tous ceux qui souhaitent créer du contenu accessible à utiliser des outils de test d’accessibilité automatisés. Ces outils aident les créateurs de contenu à développer leurs contenus en détectant les erreurs et en proposant des suggestions pour améliorer l’accessibilité de leur produit, de leur application ou de leur site Web. Cette page présente une liste d’outils de test d’accessibilité recommandés. toggle: accessibility-testing-101 subject: diff --git a/src/pages/fr/texte-alternatif-et-description-longue-bonnes-pratiques.md b/src/pages/fr/texte-alternatif-et-description-longue-bonnes-pratiques.md index 647064143..888fac6d0 100644 --- a/src/pages/fr/texte-alternatif-et-description-longue-bonnes-pratiques.md +++ b/src/pages/fr/texte-alternatif-et-description-longue-bonnes-pratiques.md @@ -3,6 +3,8 @@ title: Texte alternatif et description longue - Bonnes pratiques layout: layouts/base.njk description: Un texte alternatif (ou texte alt) est un texte qui décrit et transmet la signification d'un élément visuel non textuel tel qu'une image, un organigramme, un graphique, etc. Ce document vous aidera à déterminer le type de texte alternatif nécessaire et vous donnera des conseils pour rédiger un texte alternatif et des descriptions longues pour des images simples et complexes, telles que des graphiques, des cartes, etc. toggle: alternative-text-and-long-description-best-practices +role: + - contentAuthoring subject: - howTos tags: From f17dfcf19631e17a940f4fbafaa1b6dd85cd5d33 Mon Sep 17 00:00:00 2001 From: Shawn Thompson Date: Thu, 28 Aug 2025 11:19:23 -0400 Subject: [PATCH 06/11] refactor: standardize tag labels to sentence case and add role tags - Convert tag labels from Title Case to sentence case for consistency - Add 'roles' entries for both English and French subjects --- src/_data/tagList.js | 22 ++++++++++++---------- 1 file changed, 12 insertions(+), 10 deletions(-) diff --git a/src/_data/tagList.js b/src/_data/tagList.js index 76881f524..542acf087 100644 --- a/src/_data/tagList.js +++ b/src/_data/tagList.js @@ -6,7 +6,7 @@ module.exports = { createDocument: "Créer un document", createEmails: "Créer un courriel", createForms: "Créer un formulaire", - createWebContent: "Créer du contenu Web", + createWebContent: "Créer du contenu web", designCourse: "Concevoir un cours", designingAccessible: "Principes de conception pour des services accessibles", @@ -27,8 +27,8 @@ module.exports = { "Comment créer des documents accessibles dans Microsoft 365", }, en: { - aboutDisabilities: "Most Common Types of Disability", - globalAccessibilityStandards: "Global Accessibility Standards", + aboutDisabilities: "Most common types of disability", + globalAccessibilityStandards: "Global accessibility standards", createDocument: "Create document", createEmails: "Create emails", createForms: "Create forms", @@ -37,12 +37,12 @@ module.exports = { designingAccessible: "Designing accessible services", accessibleVirtualEvents: "Accessible virtual events", testYourProducts: "Test your products", - accessibilityAct: "Accessibility Act", + accessibilityAct: "Accessibility act", procurement: "Procurement", accessibilityStandards: "Accessibility standards", - communityDirectory: "Community Directory", + communityDirectory: "Community directory", aboutTheDigitalTheAccessibilityToolkitProject: - "About the Digital the accessibility toolkit project", + "About the Digital the Accessibility Toolkit project", contactUs: "Contact us", accessibilityInYourRole: "Accessibility in your role", mainAbout: "About us section on homepage", @@ -60,15 +60,17 @@ module.exports = { accessibilityInTheGovernmentOfCanada: "Accessibilité numérique au gouvernement du Canada", aboutUs: "À propos de nous", + roles: "Accessibilité dans votre rôle", }, en: { - accessibilityFundamentals: "Accessibility Fundamentals", + accessibilityFundamentals: "Accessibility fundamentals", howTos: "How-tos", - resourcesAndTools: "Resources and Tools", - learningAndDevelopment: "Learning and Development", + resourcesAndTools: "Resources and tools", + learningAndDevelopment: "Learning and development", accessibilityInTheGovernmentOfCanada: "Digital accessibility in the Government of Canada", - aboutUs: "About Us", + aboutUs: "About us", + roles: "Accessibility in your role", }, }, }; From 8800862354bd2c9d512698a67b490d39ec7e4e03 Mon Sep 17 00:00:00 2001 From: Shawn Thompson Date: Thu, 28 Aug 2025 11:31:10 -0400 Subject: [PATCH 07/11] remove unused role pages --- src/main/en/accessibility-in-your-role.njk | 29 ------------------- .../fr/l-accessibilite-dans-votre-role.njk | 28 ------------------ 2 files changed, 57 deletions(-) delete mode 100644 src/main/en/accessibility-in-your-role.njk delete mode 100644 src/main/fr/l-accessibilite-dans-votre-role.njk diff --git a/src/main/en/accessibility-in-your-role.njk b/src/main/en/accessibility-in-your-role.njk deleted file mode 100644 index 016c66640..000000000 --- a/src/main/en/accessibility-in-your-role.njk +++ /dev/null @@ -1,29 +0,0 @@ ---- -title: Accessibility in your role -description: We all have a role to play in accessibility. Learn more about job-specific accessibility tips and how to integrate them into your day-to-day work. -toggle: l-accessibilite-dans-votre-role -tags: ---- - -{% if collections.accessibilityInYourRole === undefined %} - - {% include "partials/alert-landingpages.njk" %} - -{% else %} - -
    - {% for item in collections.accessibilityInYourRole | sort(false, false, 'data.title') | localeMatch(locale) %} -
    -

    {% if item.data.internal === true %} {{ alerts[locale].hiddenTextLink }}{% endif %}{{ item.data.title | safe }}{% if item.data.oneLanguage %} {{ landingPage[locale].otherLangOnly }}{% endif %}

    -

    - {% if item.data.description %} - {{ item.data.description | safe }} - {% else %} - {{ landingPage[locale].descriptionNoneText }} - {% endif %} -

    -
    - {% endfor %} -
    - -{% endif %} diff --git a/src/main/fr/l-accessibilite-dans-votre-role.njk b/src/main/fr/l-accessibilite-dans-votre-role.njk deleted file mode 100644 index bff1f9a77..000000000 --- a/src/main/fr/l-accessibilite-dans-votre-role.njk +++ /dev/null @@ -1,28 +0,0 @@ ---- -title: L'accessibilité dans votre rôle -description: Nous avons tous un rôle à jouer en matière d'accessibilité. Apprenez-en plus sur les conseils d'accessibilité spécifiques à votre emploi et sur la manière de les intégrer dans votre travail quotidien. -toggle: accessibility-in-your-role -tags: ---- -{% if collections.accessibilityInYourRole === undefined %} - - {% include "partials/alert-landingpages.njk" %} - -{% else %} - -
    - {% for item in collections.accessibilityInYourRole | sort(false, false, 'data.title') | localeMatch(locale) %} -
    -

    {% if item.data.internal === true %} {{ alerts[locale].hiddenTextLink }}{% endif %}{{ item.data.title | safe }}{% if item.data.oneLanguage %} {{ landingPage[locale].otherLangOnly }}{% endif %}

    -

    - {% if item.data.description %} - {{ item.data.description | safe }} - {% else %} - {{ landingPage[locale].descriptionNoneText }} - {% endif %} -

    -
    - {% endfor %} -
    - -{% endif %} From ede1872efe3cf0a3408e73298db620f93042cef0 Mon Sep 17 00:00:00 2001 From: Shawn Thompson Date: Fri, 29 Aug 2025 12:07:43 -0400 Subject: [PATCH 08/11] feat: enhance CSV exports and page table with streamlined structure - Add CSV download functionality to page list table - Implement git creation dates in CSV exports using computed data - Add new columns: Layout, Date Modified, Date Created, Content Type - Fix Nunjucks template syntax issues with conditional blocks --- .eleventy.js | 35 ++++++++++++ src/_includes/partials/pageListTable.njk | 71 ++++++++++++++++++++++-- src/main/en/pages.csv.njk | 66 ++++++++++++++++++++++ src/main/fr/pages.csv.njk | 66 ++++++++++++++++++++++ 4 files changed, 233 insertions(+), 5 deletions(-) create mode 100644 src/main/en/pages.csv.njk create mode 100644 src/main/fr/pages.csv.njk diff --git a/.eleventy.js b/.eleventy.js index 12f250639..560f4bc9b 100644 --- a/.eleventy.js +++ b/.eleventy.js @@ -239,6 +239,21 @@ module.exports = function (eleventyConfig) { return md.render(value); }); + // Add split filter for Nunjucks + eleventyConfig.addNunjucksFilter("split", function (str, separator) { + if (typeof str !== 'string') return []; + return str.split(separator || ' '); + }); + + // Add wordCount filter for convenience + eleventyConfig.addNunjucksFilter("wordCount", function (content) { + if (!content) return 0; + const text = typeof content === 'string' ? content : String(content); + const stripped = stripHtml(text).result; + const words = stripped.trim().split(/\s+/); + return words.length === 1 && words[0] === '' ? 0 : words.length; + }); + let changedFilesMap = new Map(); let changedFilePaths = new Set(); let gitChangedUrls = []; @@ -370,6 +385,26 @@ module.exports = function (eleventyConfig) { gitChangedUrls = []; }); + // Add computed data for git creation dates + eleventyConfig.addGlobalData("eleventyComputed", { + gitCreated: (data) => { + if (data.page && data.page.inputPath) { + try { + const gitCommand = `git log --format="%ai" --reverse "${data.page.inputPath}" | head -1`; + const result = execSync(gitCommand, { encoding: 'utf8' }).trim(); + + if (result) { + return new Date(result); + } + } catch (error) { + // Silently handle errors - some files might not have git history + // console.error(`Error getting git creation date for ${data.page.inputPath}:`, error.message); + } + } + return null; + } + }); + return { dir: { input: "src", diff --git a/src/_includes/partials/pageListTable.njk b/src/_includes/partials/pageListTable.njk index db758ea93..0b8b1b823 100644 --- a/src/_includes/partials/pageListTable.njk +++ b/src/_includes/partials/pageListTable.njk @@ -3,6 +3,18 @@
  • +
  • +
  • + +
  • +
  • +
  • +
  • +
  • +
  • @@ -95,7 +122,7 @@ - +
    @@ -103,7 +130,11 @@ - + + + + + @@ -117,8 +148,34 @@ {% else %} {% set missingToggle = "Version anglais manquante" %} {% endif %} + {% if '/main/' in entry.inputPath %} + {% if locale === "en" %} + {% set contentType = "Landing Page" %} + {% else %} + {% set contentType = "Page d'atterrissage" %} + {% endif %} + {% elif '/pages/' in entry.inputPath %} + {% if locale === "en" %} + {% set contentType = "Content Page" %} + {% else %} + {% set contentType = "Page de contenu" %} + {% endif %} + {% elif '/links/' in entry.inputPath %} + {% if locale === "en" %} + {% set contentType = "Link" %} + {% else %} + {% set contentType = "Lien" %} + {% endif %} + {% else %} + {% if locale === "en" %} + {% set contentType = "Page" %} + {% else %} + {% set contentType = "Page" %} + {% endif %} + {% endif %} {% if entry.data.locale == locale %} {% if entry.data.redirect %} + {% elif entry.inputPath.endsWith('.csv.njk') %} {% else %} - + + + + + {% endif %} {% endif %} diff --git a/src/main/en/pages.csv.njk b/src/main/en/pages.csv.njk new file mode 100644 index 000000000..6d33dc100 --- /dev/null +++ b/src/main/en/pages.csv.njk @@ -0,0 +1,66 @@ +--- +permalink: "/docs/pages-en.csv" +layout: false +eleventyExcludeFromCollections: true +date: "git Last Modified" +--- +{% set roles_data = roles %} +{% macro csv(val) -%} + "{{ (val | default('') | string | replace('"', '""')) }}" +{%- endmacro -%} + +{%- macro listify(val) -%} + {%- if val is defined and val is not none -%} + {%- if val is string -%} + {{ val }} + {%- elif val is iterable -%} + {{ val | join('; ') }} + {%- endif -%} + {%- endif -%} +{%- endmacro -%} + +{%- macro roleLabels(val, locale) -%} + {%- if val is defined and val is not none -%} + {%- if val is string -%} + {{ roles_data.labels[locale][val] or val }} + {%- elif val is iterable -%} + {%- set labelList = "" -%} + {%- for item in val -%} + {%- set label = roles_data.labels[locale][item] or item -%} + {%- if loop.first -%} + {%- set labelList = label -%} + {%- else -%} + {%- set labelList = labelList + "; " + label -%} + {%- endif -%} + {%- endfor -%} + {{ labelList }} + {%- endif -%} + {%- endif -%} +{%- endmacro -%} + +{%- macro getContentType(inputPath) -%} + {%- if '/main/' in inputPath -%} + Landing Page + {%- elif '/pages/' in inputPath -%} + Content Page + {%- elif '/links/' in inputPath -%} + Link + {%- else -%} + Page + {%- endif -%} +{%- endmacro -%} + +Title,URL,Roles (keys),Subjects,Tags,Toggle,Layout,Date Modified,Date Created,Content Type,Source +{% for item in (collections.all | localeMatch('en')) %} +{%- if item.data.permalink != false and not item.data.redirect and not item.inputPath.endsWith('.csv.njk') -%} +{%- set roleVal = item.data.role -%} +{%- set subjectsVal = item.data.subjects or item.data.subject -%} +{%- set tagsVal = item.data.tags -%} +{%- set toggleVal = item.data.toggle -%} +{%- set urlVal = item.url -%} +{%- set layoutVal = item.data.layout -%} +{%- set modifiedVal = item.date | postDate -%} +{%- set createdVal = item.data.gitCreated | postDate if item.data.gitCreated else settings.dateCreated -%} +{{ csv(item.data.title | striptags) }},{{ csv(urlVal) }},{{ csv(listify(roleVal)) }},{{ csv(listify(subjectsVal)) }},{{ csv(listify(tagsVal)) }},{{ csv(toggleVal) }},{{ csv(layoutVal) }},{{ csv(modifiedVal) }},{{ csv(createdVal) }},{{ csv(getContentType(item.inputPath)) }},{{ csv(item.inputPath) }} +{% endif -%} +{%- endfor %} diff --git a/src/main/fr/pages.csv.njk b/src/main/fr/pages.csv.njk new file mode 100644 index 000000000..6bf29ed20 --- /dev/null +++ b/src/main/fr/pages.csv.njk @@ -0,0 +1,66 @@ +--- +permalink: "/docs/pages-fr.csv" +layout: false +eleventyExcludeFromCollections: true +date: "git Last Modified" +--- +{% set roles_data = roles %} +{% macro csv(val) -%} + "{{ (val | default('') | string | replace('"', '""')) }}" +{%- endmacro -%} + +{%- macro listify(val) -%} + {%- if val is defined and val is not none -%} + {%- if val is string -%} + {{ val }} + {%- elif val is iterable -%} + {{ val | join('; ') }} + {%- endif -%} + {%- endif -%} +{%- endmacro -%} + +{%- macro roleLabels(val, locale) -%} + {%- if val is defined and val is not none -%} + {%- if val is string -%} + {{ roles_data.labels[locale][val] or val }} + {%- elif val is iterable -%} + {%- set labelList = "" -%} + {%- for item in val -%} + {%- set label = roles_data.labels[locale][item] or item -%} + {%- if loop.first -%} + {%- set labelList = label -%} + {%- else -%} + {%- set labelList = labelList + "; " + label -%} + {%- endif -%} + {%- endfor -%} + {{ labelList }} + {%- endif -%} + {%- endif -%} +{%- endmacro -%} + +{%- macro getContentType(inputPath) -%} + {%- if '/main/' in inputPath -%} + Landing Page + {%- elif '/pages/' in inputPath -%} + Content Page + {%- elif '/links/' in inputPath -%} + Link + {%- else -%} + Page + {%- endif -%} +{%- endmacro -%} + +Titre,URL,Rôles (clés),Sujets,Étiquettes,Basculer,Mise en page,Date de modification,Date de création,Type de contenu,Source +{% for item in (collections.all | localeMatch('fr')) %} +{%- if item.data.permalink != false and not item.data.redirect and not item.inputPath.endsWith('.csv.njk') -%} +{%- set roleVal = item.data.role -%} +{%- set subjectsVal = item.data.subjects or item.data.subject -%} +{%- set tagsVal = item.data.tags -%} +{%- set toggleVal = item.data.toggle -%} +{%- set urlVal = item.url -%} +{%- set layoutVal = item.data.layout -%} +{%- set modifiedVal = item.date | postDate -%} +{%- set createdVal = item.data.gitCreated | postDate if item.data.gitCreated else settings.dateCreated -%} +{{ csv(item.data.title | striptags) }},{{ csv(urlVal) }},{{ csv(listify(roleVal)) }},{{ csv(listify(subjectsVal)) }},{{ csv(listify(tagsVal)) }},{{ csv(toggleVal) }},{{ csv(layoutVal) }},{{ csv(modifiedVal) }},{{ csv(createdVal) }},{{ csv(getContentType(item.inputPath)) }},{{ csv(item.inputPath) }} +{% endif -%} +{%- endfor %} From 026999220c0aafa87d38f25cc4fb1e65e2091c95 Mon Sep 17 00:00:00 2001 From: Shawn Thompson Date: Tue, 2 Sep 2025 09:46:50 -0400 Subject: [PATCH 09/11] Fix CSV formatting and encoding issues MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Remove blank lines at top of CSV files using Nunjucks whitespace control - Add UTF-8 BOM transform for proper French accent encoding in Excel - Translate content type values in French CSV from English to French: - 'Landing Page' → 'Page d'atterrissage' - 'Content Page' → 'Page de contenu' - 'Link' → 'Lien' This ensures both English and French CSV exports work correctly with proper encoding and localized content. --- .eleventy.js | 11 +++++++++++ src/main/en/pages.csv.njk | 6 ++---- src/main/fr/pages.csv.njk | 12 +++++------- 3 files changed, 18 insertions(+), 11 deletions(-) diff --git a/.eleventy.js b/.eleventy.js index 560f4bc9b..adcd6ed61 100644 --- a/.eleventy.js +++ b/.eleventy.js @@ -104,6 +104,17 @@ module.exports = function (eleventyConfig) { return content; }); + // Add UTF-8 BOM to CSV files for proper Excel encoding + eleventyConfig.addTransform("csvUtf8Bom", function (content, outputPath) { + if (outputPath && outputPath.endsWith(".csv")) { + // For Excel compatibility, we need to ensure the content is properly encoded + // Try a different approach with UTF-8 BOM and ensure content is UTF-8 + const utf8Bom = '\uFEFF'; // Use Unicode BOM character instead of bytes + return utf8Bom + content; + } + return content; + }); + eleventyConfig.addFilter("localeMatch", function (collection) { const { locale } = this.ctx; // avoid retrieving it for each item return collection.filter((item) => item.data.locale === locale); diff --git a/src/main/en/pages.csv.njk b/src/main/en/pages.csv.njk index 6d33dc100..0226c7396 100644 --- a/src/main/en/pages.csv.njk +++ b/src/main/en/pages.csv.njk @@ -4,11 +4,10 @@ layout: false eleventyExcludeFromCollections: true date: "git Last Modified" --- -{% set roles_data = roles %} -{% macro csv(val) -%} +{%- set roles_data = roles -%} +{%- macro csv(val) -%} "{{ (val | default('') | string | replace('"', '""')) }}" {%- endmacro -%} - {%- macro listify(val) -%} {%- if val is defined and val is not none -%} {%- if val is string -%} @@ -49,7 +48,6 @@ date: "git Last Modified" Page {%- endif -%} {%- endmacro -%} - Title,URL,Roles (keys),Subjects,Tags,Toggle,Layout,Date Modified,Date Created,Content Type,Source {% for item in (collections.all | localeMatch('en')) %} {%- if item.data.permalink != false and not item.data.redirect and not item.inputPath.endsWith('.csv.njk') -%} diff --git a/src/main/fr/pages.csv.njk b/src/main/fr/pages.csv.njk index 6bf29ed20..93156bcc0 100644 --- a/src/main/fr/pages.csv.njk +++ b/src/main/fr/pages.csv.njk @@ -4,11 +4,10 @@ layout: false eleventyExcludeFromCollections: true date: "git Last Modified" --- -{% set roles_data = roles %} -{% macro csv(val) -%} +{%- set roles_data = roles -%} +{%- macro csv(val) -%} "{{ (val | default('') | string | replace('"', '""')) }}" {%- endmacro -%} - {%- macro listify(val) -%} {%- if val is defined and val is not none -%} {%- if val is string -%} @@ -40,16 +39,15 @@ date: "git Last Modified" {%- macro getContentType(inputPath) -%} {%- if '/main/' in inputPath -%} - Landing Page + Page d'atterrissage {%- elif '/pages/' in inputPath -%} - Content Page + Page de contenu {%- elif '/links/' in inputPath -%} - Link + Lien {%- else -%} Page {%- endif -%} {%- endmacro -%} - Titre,URL,Rôles (clés),Sujets,Étiquettes,Basculer,Mise en page,Date de modification,Date de création,Type de contenu,Source {% for item in (collections.all | localeMatch('fr')) %} {%- if item.data.permalink != false and not item.data.redirect and not item.inputPath.endsWith('.csv.njk') -%} From ab28ed4baf71fcd127783ad7321cefe38cd15762 Mon Sep 17 00:00:00 2001 From: Shawn Thompson Date: Wed, 3 Sep 2025 07:43:59 -0400 Subject: [PATCH 10/11] Refactor content type logic and remove language link column - Create shared content type macro in src/_includes/macros/contentType.njk - Update HTML table and CSV templates to use unified content type logic - Remove 'Other language link' column from HTML page list table - Maintain UTF-8 BOM encoding and French translations in CSV exports This ensures consistency between HTML table and CSV exports while simplifying the table interface. --- src/_includes/macros/contentType.njk | 11 +++++++ src/_includes/partials/pageListTable.njk | 41 ++---------------------- src/main/en/pages.csv.njk | 15 ++------- src/main/fr/pages.csv.njk | 15 ++------- 4 files changed, 17 insertions(+), 65 deletions(-) create mode 100644 src/_includes/macros/contentType.njk diff --git a/src/_includes/macros/contentType.njk b/src/_includes/macros/contentType.njk new file mode 100644 index 000000000..252a7f4f5 --- /dev/null +++ b/src/_includes/macros/contentType.njk @@ -0,0 +1,11 @@ +{%- macro getContentType(inputPath, locale) -%} + {%- if '/main/' in inputPath -%} + {%- if locale === "en" -%}Landing Page{%- else -%}Page d'atterrissage{%- endif -%} + {%- elif '/pages/' in inputPath -%} + {%- if locale === "en" -%}Content Page{%- else -%}Page de contenu{%- endif -%} + {%- elif '/links/' in inputPath -%} + {%- if locale === "en" -%}Link{%- else -%}Lien{%- endif -%} + {%- else -%} + Page + {%- endif -%} +{%- endmacro -%} diff --git a/src/_includes/partials/pageListTable.njk b/src/_includes/partials/pageListTable.njk index 0b8b1b823..58e1d6eeb 100644 --- a/src/_includes/partials/pageListTable.njk +++ b/src/_includes/partials/pageListTable.njk @@ -1,4 +1,5 @@ {% set branch = "main" %} +{% from "macros/contentType.njk" import getContentType %}
    @@ -63,11 +64,6 @@ {% if locale === "en" %}Title{% else %}Titre{% endif %} -
  • - -
  • - @@ -148,31 +143,6 @@ {% else %} {% set missingToggle = "Version anglais manquante" %} {% endif %} - {% if '/main/' in entry.inputPath %} - {% if locale === "en" %} - {% set contentType = "Landing Page" %} - {% else %} - {% set contentType = "Page d'atterrissage" %} - {% endif %} - {% elif '/pages/' in entry.inputPath %} - {% if locale === "en" %} - {% set contentType = "Content Page" %} - {% else %} - {% set contentType = "Page de contenu" %} - {% endif %} - {% elif '/links/' in entry.inputPath %} - {% if locale === "en" %} - {% set contentType = "Link" %} - {% else %} - {% set contentType = "Lien" %} - {% endif %} - {% else %} - {% if locale === "en" %} - {% set contentType = "Page" %} - {% else %} - {% set contentType = "Page" %} - {% endif %} - {% endif %} {% if entry.data.locale == locale %} {% if entry.data.redirect %} {% elif entry.inputPath.endsWith('.csv.njk') %} @@ -180,13 +150,6 @@ - - + {% endif %} diff --git a/src/main/en/pages.csv.njk b/src/main/en/pages.csv.njk index 0226c7396..838b1aeeb 100644 --- a/src/main/en/pages.csv.njk +++ b/src/main/en/pages.csv.njk @@ -4,6 +4,7 @@ layout: false eleventyExcludeFromCollections: true date: "git Last Modified" --- +{%- from "macros/contentType.njk" import getContentType -%} {%- set roles_data = roles -%} {%- macro csv(val) -%} "{{ (val | default('') | string | replace('"', '""')) }}" @@ -36,18 +37,6 @@ date: "git Last Modified" {%- endif -%} {%- endif -%} {%- endmacro -%} - -{%- macro getContentType(inputPath) -%} - {%- if '/main/' in inputPath -%} - Landing Page - {%- elif '/pages/' in inputPath -%} - Content Page - {%- elif '/links/' in inputPath -%} - Link - {%- else -%} - Page - {%- endif -%} -{%- endmacro -%} Title,URL,Roles (keys),Subjects,Tags,Toggle,Layout,Date Modified,Date Created,Content Type,Source {% for item in (collections.all | localeMatch('en')) %} {%- if item.data.permalink != false and not item.data.redirect and not item.inputPath.endsWith('.csv.njk') -%} @@ -59,6 +48,6 @@ Title,URL,Roles (keys),Subjects,Tags,Toggle,Layout,Date Modified,Date Created,Co {%- set layoutVal = item.data.layout -%} {%- set modifiedVal = item.date | postDate -%} {%- set createdVal = item.data.gitCreated | postDate if item.data.gitCreated else settings.dateCreated -%} -{{ csv(item.data.title | striptags) }},{{ csv(urlVal) }},{{ csv(listify(roleVal)) }},{{ csv(listify(subjectsVal)) }},{{ csv(listify(tagsVal)) }},{{ csv(toggleVal) }},{{ csv(layoutVal) }},{{ csv(modifiedVal) }},{{ csv(createdVal) }},{{ csv(getContentType(item.inputPath)) }},{{ csv(item.inputPath) }} +{{ csv(item.data.title | striptags) }},{{ csv(urlVal) }},{{ csv(listify(roleVal)) }},{{ csv(listify(subjectsVal)) }},{{ csv(listify(tagsVal)) }},{{ csv(toggleVal) }},{{ csv(layoutVal) }},{{ csv(modifiedVal) }},{{ csv(createdVal) }},{{ csv(getContentType(item.inputPath, "en")) }},{{ csv(item.inputPath) }} {% endif -%} {%- endfor %} diff --git a/src/main/fr/pages.csv.njk b/src/main/fr/pages.csv.njk index 93156bcc0..56c90874d 100644 --- a/src/main/fr/pages.csv.njk +++ b/src/main/fr/pages.csv.njk @@ -4,6 +4,7 @@ layout: false eleventyExcludeFromCollections: true date: "git Last Modified" --- +{%- from "macros/contentType.njk" import getContentType -%} {%- set roles_data = roles -%} {%- macro csv(val) -%} "{{ (val | default('') | string | replace('"', '""')) }}" @@ -36,18 +37,6 @@ date: "git Last Modified" {%- endif -%} {%- endif -%} {%- endmacro -%} - -{%- macro getContentType(inputPath) -%} - {%- if '/main/' in inputPath -%} - Page d'atterrissage - {%- elif '/pages/' in inputPath -%} - Page de contenu - {%- elif '/links/' in inputPath -%} - Lien - {%- else -%} - Page - {%- endif -%} -{%- endmacro -%} Titre,URL,Rôles (clés),Sujets,Étiquettes,Basculer,Mise en page,Date de modification,Date de création,Type de contenu,Source {% for item in (collections.all | localeMatch('fr')) %} {%- if item.data.permalink != false and not item.data.redirect and not item.inputPath.endsWith('.csv.njk') -%} @@ -59,6 +48,6 @@ Titre,URL,Rôles (clés),Sujets,Étiquettes,Basculer,Mise en page,Date de modifi {%- set layoutVal = item.data.layout -%} {%- set modifiedVal = item.date | postDate -%} {%- set createdVal = item.data.gitCreated | postDate if item.data.gitCreated else settings.dateCreated -%} -{{ csv(item.data.title | striptags) }},{{ csv(urlVal) }},{{ csv(listify(roleVal)) }},{{ csv(listify(subjectsVal)) }},{{ csv(listify(tagsVal)) }},{{ csv(toggleVal) }},{{ csv(layoutVal) }},{{ csv(modifiedVal) }},{{ csv(createdVal) }},{{ csv(getContentType(item.inputPath)) }},{{ csv(item.inputPath) }} +{{ csv(item.data.title | striptags) }},{{ csv(urlVal) }},{{ csv(listify(roleVal)) }},{{ csv(listify(subjectsVal)) }},{{ csv(listify(tagsVal)) }},{{ csv(toggleVal) }},{{ csv(layoutVal) }},{{ csv(modifiedVal) }},{{ csv(createdVal) }},{{ csv(getContentType(item.inputPath, "fr")) }},{{ csv(item.inputPath) }} {% endif -%} {%- endfor %} From b7e6760080a9d9140e3ced91def55d660439c765 Mon Sep 17 00:00:00 2001 From: Shawn Thompson Date: Thu, 4 Sep 2025 09:51:53 -0400 Subject: [PATCH 11/11] fix: update accessibility role titles and descriptions for clarity and consistency --- src/main/en/roles/index.njk | 2 +- src/main/fr/roles/index.njk | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/main/en/roles/index.njk b/src/main/en/roles/index.njk index 9b2dd8b32..8c4266ced 100644 --- a/src/main/en/roles/index.njk +++ b/src/main/en/roles/index.njk @@ -1,6 +1,6 @@ --- title: Accessibility in your role -description: We all have a role to play in accessibility. Learn more about job-specific accessibility tips and how to integrate them into your day-to-day work. +description: An overview of roles and responsibilities for ensuring accessibility in digital products and services, based on the Accessibility Roles and Responsibilities Mapping (ARRM) from the World Wide Web Consortium (W3C) - Web Accessibility Initiative (WAI). permalink: '/{{ locale }}/roles/' toggle: roles tags: diff --git a/src/main/fr/roles/index.njk b/src/main/fr/roles/index.njk index e22e886bc..52f316ddc 100644 --- a/src/main/fr/roles/index.njk +++ b/src/main/fr/roles/index.njk @@ -1,6 +1,6 @@ --- -title: Rôles d'accessibilité -description: Aperçu des rôles et responsabilités pour assurer l'accessibilité dans les produits et services numériques, basé sur la cartographie des rôles et responsabilités d'accessibilité (ARRM) du W3C WAI. +title: L’accessibilité dans votre rôle +description: Aperçu des rôles et responsabilités pour assurer l’accessibilité dans les produits et services numériques, basé sur la cartographie des rôles et responsabilités d’accessibilité du World Wide Web Consortium (W3C) - Web Accessibility Initiative (WAI). permalink: '/{{ locale }}/roles/' toggle: roles role:
    {% if locale === "en" %}Title{% else %}Titre{% endif %}{{ pageList[locale].tagsText }} {{ pageList[locale].subjectsText }} {% if locale === "en" %}Role{% else %}Rôle{% endif %}{% if locale === "en" %}Link to file{% else %}Lien vers le fichier{% endif %}{% if locale === "en" %}Layout{% else %}Mise en page{% endif %}{% if locale === "en" %}Date Modified{% else %}Date de modification{% endif %}{% if locale === "en" %}Date Created{% else %}Date de création{% endif %}{% if locale === "en" %}Content Type{% else %}Type de contenu{% endif %}{% if locale === "en" %}Link to file{% else %}Lien vers le fichier{% endif %}
    @@ -144,7 +201,11 @@ {% endfor %} {% endif %} {{ newPath }}{{ entry.data.layout or "" }}{{ entry.date | postDate if entry.date else "" }}{{ entry.data.gitCreated | postDate if entry.data.gitCreated else "" }}{{ contentType }}{{ newPath }}
    {% if locale === "en" %}Title{% else %}Titre{% endif %}{% if locale === "en" %}Other language link{% else %}Lien vers d'autres langues{% endif %} {{ pageList[locale].tagsText }} {{ pageList[locale].subjectsText }} {% if locale === "en" %}Role{% else %}Rôle{% endif %} {{ entry.data.title | safe }} - {% if entry.data.toggle %} - {% if locale === "en" %}French version{% else %}Version anglaise{% endif %} {% if locale === "en" %}of{% else %}de{% endif %} {{ entry.data.title | safe }} - {% else %} - {{ missingToggle }} - {% endif %} - {% for item in entry.data.tags %} {{ item }} @@ -204,7 +167,7 @@ {{ entry.data.layout or "" }} {{ entry.date | postDate if entry.date else "" }} {{ entry.data.gitCreated | postDate if entry.data.gitCreated else "" }}{{ contentType }}{{ getContentType(entry.inputPath, locale) }} {{ newPath }}