L’accessibilité pour la conception

L’accessibilité pour la conception

L’accessibilité pour la conception

L’accessibilité pour la conception


Les concepteurs fournissent un cadre visuel qui permet aux clients et aux membres de l’équipe, peu importe leurs capacités, de profiter d’expériences numériques exceptionnelles. Les concepteurs doivent connaître nos normes d’accessibilité pour exécuter des conceptions appropriées pour tous les appareils et toutes les tailles d’écrans.
 

Sujets

Sujets

Accessibility requirements

Our guidelines offer best practices to help make our sites and mobile and web apps more accessible for everyone. Accessibility is a legal requirement, mandated by the Accessibility for Ontarians with Disabilities Act (AODA) and Canadian Radio-Television and Telecommunications Commission (CRTC). All of our vendors and partners must follow these guidelines as well.

Learn more about accessibility requirements

Accessibility requirements

Our guidelines offer best practices to help make our sites and mobile and web apps more accessible for everyone. Accessibility is a legal requirement, mandated by the Accessibility for Ontarians with Disabilities Act (AODA) and Canadian Radio-Television and Telecommunications Commission (CRTC). All of our vendors and partners must follow these guidelines as well.

Learn more about accessibility requirements

Les concepteurs et l’accessibilité

Les concepteurs d’expérience utilisateur, les concepteurs d’interactions et les concepteurs visuels ont des rôles distincts dans la création d’une expérience accessible.

En savoir plus sur les concepteurs d’expérience utilisateur et les concepteurs visuels

Les concepteurs et l’accessibilité

Les concepteurs d’expérience utilisateur, les concepteurs d’interactions et les concepteurs visuels ont des rôles distincts dans la création d’une expérience accessible.

En savoir plus sur les concepteurs d’expérience utilisateur et les concepteurs visuels

Introduction au contraste des couleurs

Le contraste entre le premier plan et l’arrière-plan du texte doit être suffisamment riche pour permettre aux utilisateurs de différencier les éléments. Le contraste entre d’autres éléments de conception tels que les états visibles, les images avec du texte, les différents types d’éléments, les graphiques, les tableaux, le contenu visible au clavier seulement et les cartes ajoute de la complexité à la satisfaction des exigences de contraste de couleur. Découvrez comment créer un contraste approprié pour voir si vos conceptions répondent aux exigences.

En savoir plus sur le contraste des couleurs

Introduction au contraste des couleurs

Le contraste entre le premier plan et l’arrière-plan du texte doit être suffisamment riche pour permettre aux utilisateurs de différencier les éléments. Le contraste entre d’autres éléments de conception tels que les états visibles, les images avec du texte, les différents types d’éléments, les graphiques, les tableaux, le contenu visible au clavier seulement et les cartes ajoute de la complexité à la satisfaction des exigences de contraste de couleur. Découvrez comment créer un contraste approprié pour voir si vos conceptions répondent aux exigences.

En savoir plus sur le contraste des couleurs

Conception pour les daltoniens

Il faut tenir compte du daltonisme et de la déficience de la vision des couleurs lors de la conception des produits. Quand une personne voit du bleu, une autre peut voir du jaune.

Pour en savoir plus sur la conception pour les daltoniens

Conception pour les daltoniens

Il faut tenir compte du daltonisme et de la déficience de la vision des couleurs lors de la conception des produits. Quand une personne voit du bleu, une autre peut voir du jaune.

Pour en savoir plus sur la conception pour les daltoniens

Signalement par couleur

Les couleurs comme le rouge et le vert peuvent être difficiles à distinguer, de sorte que l’utilisation de celles-ci ne suffit pas pour indiquer que quelque chose est incorrect ou correct.

En savoir plus sur le signalement par couleur

Signalement par couleur

Les couleurs comme le rouge et le vert peuvent être difficiles à distinguer, de sorte que l’utilisation de celles-ci ne suffit pas pour indiquer que quelque chose est incorrect ou correct.

En savoir plus sur le signalement par couleur

Images accessibles et texte descriptif

Il faut toujours communiquer les renseignements visuels pertinents (images, graphiques, icônes, contenu de marque) aux personnes aveugles, ayant une vision faible ou ayant une déficience cognitive.

En savoir plus sur les images accessibles et le texte descriptif

Images accessibles et texte descriptif

Il faut toujours communiquer les renseignements visuels pertinents (images, graphiques, icônes, contenu de marque) aux personnes aveugles, ayant une vision faible ou ayant une déficience cognitive.

En savoir plus sur les images accessibles et le texte descriptif

Structure du contenu sémantique

Une structuration sémantique appropriée aidera à guider les utilisateurs dans une page ou un écran. Découvrez l’importance du contenu sémantique et comment le concevoir et le mettre en œuvre.

En savoir plus sur la structure du contenu sémantique

Structure du contenu sémantique

Une structuration sémantique appropriée aidera à guider les utilisateurs dans une page ou un écran. Découvrez l’importance du contenu sémantique et comment le concevoir et le mettre en œuvre.

En savoir plus sur la structure du contenu sémantique

Éléments distincts

Pour que tous les utilisateurs profitent d’une expérience accessible, les éléments de conception comme les en-têtes, les tableaux et les boutons doivent être clairs. Les fonctionnalités associées aux liens et aux boutons doivent être claires pour les visiteurs de la page, afin qu’ils puissent utiliser la fonction à laquelle la page est destinée.

En savoir plus sur les éléments distincts

Éléments distincts

Pour que tous les utilisateurs profitent d’une expérience accessible, les éléments de conception comme les en-têtes, les tableaux et les boutons doivent être clairs. Les fonctionnalités associées aux liens et aux boutons doivent être claires pour les visiteurs de la page, afin qu’ils puissent utiliser la fonction à laquelle la page est destinée.

En savoir plus sur les éléments distincts

Contenu réactif

Il existe de nombreux appareils de différentes tailles sur lesquels les utilisateurs peuvent accéder au contenu. Nous voulons tenir compte des préférences afin que tout le contenu que nos clients voient soit optimisé pour leurs écrans.

En savoir plus sur le contenu réactif

Contenu réactif

Il existe de nombreux appareils de différentes tailles sur lesquels les utilisateurs peuvent accéder au contenu. Nous voulons tenir compte des préférences afin que tout le contenu que nos clients voient soit optimisé pour leurs écrans.

En savoir plus sur le contenu réactif

États de focus visibles

Les éléments qui doivent faire l’objet d’un focus comprennent les liens, les champs de formulaires, les widgets fonctionnels, les boutons et les éléments de menu. Ils doivent avoir une apparence différente des éléments qui les entourent pour que la fonctionnalité soit observable.

Pour en savoir plus sur les états de focus visibles

États de focus visibles

Les éléments qui doivent faire l’objet d’un focus comprennent les liens, les champs de formulaires, les widgets fonctionnels, les boutons et les éléments de menu. Ils doivent avoir une apparence différente des éléments qui les entourent pour que la fonctionnalité soit observable.

Pour en savoir plus sur les états de focus visibles

Fonctionnalité du clavier

Certains utilisateurs utilisent uniquement leur clavier, y compris des claviers adaptés, pour naviguer dans différentes pages web et applications. C’est l’un des aspects les plus importants de l’accessibilité numérique.

En savoir plus sur la fonctionnalité du clavier

Fonctionnalité du clavier

Certains utilisateurs utilisent uniquement leur clavier, y compris des claviers adaptés, pour naviguer dans différentes pages web et applications. C’est l’un des aspects les plus importants de l’accessibilité numérique.

En savoir plus sur la fonctionnalité du clavier

Principes du mouvement et accessibilité

Il ne faut avoir recours à des animations ou à du mouvement que si cela est nécessaire. Les rédacteurs, les développeurs et les concepteurs doivent travailler ensemble pour que tout mouvement créé puisse permettre à tous les utilisateurs de comprendre le message de la page même s’ils ont activé la réduction des paramètres de mouvement.

En savoir plus sur les principes de mouvement et l’accessibilité

Principes du mouvement et accessibilité

Il ne faut avoir recours à des animations ou à du mouvement que si cela est nécessaire. Les rédacteurs, les développeurs et les concepteurs doivent travailler ensemble pour que tout mouvement créé puisse permettre à tous les utilisateurs de comprendre le message de la page même s’ils ont activé la réduction des paramètres de mouvement.

En savoir plus sur les principes de mouvement et l’accessibilité

Communiquer l’état actuel

Le fait de communiquer l’état actuel aux utilisateurs leur indique si un élément a été sélectionné ou non, parmi d’autres indicateurs. Il est important de bien le souligner, car les utilisateurs interagiront différemment avec les produits.

En savoir plus sur la communication de l’état actuel

Communiquer l’état actuel

Le fait de communiquer l’état actuel aux utilisateurs leur indique si un élément a été sélectionné ou non, parmi d’autres indicateurs. Il est important de bien le souligner, car les utilisateurs interagiront différemment avec les produits.

En savoir plus sur la communication de l’état actuel

Annoncer les changements d’état et les erreurs

Il faut annoncer les changements d’état aux clients, en particulier les messages d’erreur, en utilisant des indices visuels et du texte pour décrire ce qui s’est passé.

En savoir plus sur l’annonce des changements d’état et des erreurs

Annoncer les changements d’état et les erreurs

Il faut annoncer les changements d’état aux clients, en particulier les messages d’erreur, en utilisant des indices visuels et du texte pour décrire ce qui s’est passé.

En savoir plus sur l’annonce des changements d’état et des erreurs

Accessibility requirements

Our guidelines offer best practices to help make our sites and mobile and web apps more accessible for everyone. Accessibility is a legal requirement, mandated by the Accessibility for Ontarians with Disabilities Act (AODA) and Canadian Radio-Television and Telecommunications Commission (CRTC). All of our vendors and partners must follow these guidelines as well.

Learn more about accessibility requirements

Accessibility requirements

Our guidelines offer best practices to help make our sites and mobile and web apps more accessible for everyone. Accessibility is a legal requirement, mandated by the Accessibility for Ontarians with Disabilities Act (AODA) and Canadian Radio-Television and Telecommunications Commission (CRTC). All of our vendors and partners must follow these guidelines as well.

Learn more about accessibility requirements

Les concepteurs et l’accessibilité

Les concepteurs d’expérience utilisateur, les concepteurs d’interactions et les concepteurs visuels ont des rôles distincts dans la création d’une expérience accessible.

En savoir plus sur les concepteurs d’expérience utilisateur et les concepteurs visuels

Les concepteurs et l’accessibilité

Les concepteurs d’expérience utilisateur, les concepteurs d’interactions et les concepteurs visuels ont des rôles distincts dans la création d’une expérience accessible.

En savoir plus sur les concepteurs d’expérience utilisateur et les concepteurs visuels

Introduction au contraste des couleurs

Le contraste entre le premier plan et l’arrière-plan du texte doit être suffisamment riche pour permettre aux utilisateurs de différencier les éléments. Le contraste entre d’autres éléments de conception tels que les états visibles, les images avec du texte, les différents types d’éléments, les graphiques, les tableaux, le contenu visible au clavier seulement et les cartes ajoute de la complexité à la satisfaction des exigences de contraste de couleur. Découvrez comment créer un contraste approprié pour voir si vos conceptions répondent aux exigences.

En savoir plus sur le contraste des couleurs

Introduction au contraste des couleurs

Le contraste entre le premier plan et l’arrière-plan du texte doit être suffisamment riche pour permettre aux utilisateurs de différencier les éléments. Le contraste entre d’autres éléments de conception tels que les états visibles, les images avec du texte, les différents types d’éléments, les graphiques, les tableaux, le contenu visible au clavier seulement et les cartes ajoute de la complexité à la satisfaction des exigences de contraste de couleur. Découvrez comment créer un contraste approprié pour voir si vos conceptions répondent aux exigences.

En savoir plus sur le contraste des couleurs

Conception pour les daltoniens

Il faut tenir compte du daltonisme et de la déficience de la vision des couleurs lors de la conception des produits. Quand une personne voit du bleu, une autre peut voir du jaune.

Pour en savoir plus sur la conception pour les daltoniens

Conception pour les daltoniens

Il faut tenir compte du daltonisme et de la déficience de la vision des couleurs lors de la conception des produits. Quand une personne voit du bleu, une autre peut voir du jaune.

Pour en savoir plus sur la conception pour les daltoniens

Signalement par couleur

Les couleurs comme le rouge et le vert peuvent être difficiles à distinguer, de sorte que l’utilisation de celles-ci ne suffit pas pour indiquer que quelque chose est incorrect ou correct.

En savoir plus sur le signalement par couleur

Signalement par couleur

Les couleurs comme le rouge et le vert peuvent être difficiles à distinguer, de sorte que l’utilisation de celles-ci ne suffit pas pour indiquer que quelque chose est incorrect ou correct.

En savoir plus sur le signalement par couleur

Images accessibles et texte descriptif

Il faut toujours communiquer les renseignements visuels pertinents (images, graphiques, icônes, contenu de marque) aux personnes aveugles, ayant une vision faible ou ayant une déficience cognitive.

En savoir plus sur les images accessibles et le texte descriptif

Images accessibles et texte descriptif

Il faut toujours communiquer les renseignements visuels pertinents (images, graphiques, icônes, contenu de marque) aux personnes aveugles, ayant une vision faible ou ayant une déficience cognitive.

En savoir plus sur les images accessibles et le texte descriptif

Structure du contenu sémantique

Une structuration sémantique appropriée aidera à guider les utilisateurs dans une page ou un écran. Découvrez l’importance du contenu sémantique et comment le concevoir et le mettre en œuvre.

En savoir plus sur la structure du contenu sémantique

Structure du contenu sémantique

Une structuration sémantique appropriée aidera à guider les utilisateurs dans une page ou un écran. Découvrez l’importance du contenu sémantique et comment le concevoir et le mettre en œuvre.

En savoir plus sur la structure du contenu sémantique

Éléments distincts

Pour que tous les utilisateurs profitent d’une expérience accessible, les éléments de conception comme les en-têtes, les tableaux et les boutons doivent être clairs. Les fonctionnalités associées aux liens et aux boutons doivent être claires pour les visiteurs de la page, afin qu’ils puissent utiliser la fonction à laquelle la page est destinée.

En savoir plus sur les éléments distincts

Éléments distincts

Pour que tous les utilisateurs profitent d’une expérience accessible, les éléments de conception comme les en-têtes, les tableaux et les boutons doivent être clairs. Les fonctionnalités associées aux liens et aux boutons doivent être claires pour les visiteurs de la page, afin qu’ils puissent utiliser la fonction à laquelle la page est destinée.

En savoir plus sur les éléments distincts

Contenu réactif

Il existe de nombreux appareils de différentes tailles sur lesquels les utilisateurs peuvent accéder au contenu. Nous voulons tenir compte des préférences afin que tout le contenu que nos clients voient soit optimisé pour leurs écrans.

En savoir plus sur le contenu réactif

Contenu réactif

Il existe de nombreux appareils de différentes tailles sur lesquels les utilisateurs peuvent accéder au contenu. Nous voulons tenir compte des préférences afin que tout le contenu que nos clients voient soit optimisé pour leurs écrans.

En savoir plus sur le contenu réactif

États de focus visibles

Les éléments qui doivent faire l’objet d’un focus comprennent les liens, les champs de formulaires, les widgets fonctionnels, les boutons et les éléments de menu. Ils doivent avoir une apparence différente des éléments qui les entourent pour que la fonctionnalité soit observable.

Pour en savoir plus sur les états de focus visibles

États de focus visibles

Les éléments qui doivent faire l’objet d’un focus comprennent les liens, les champs de formulaires, les widgets fonctionnels, les boutons et les éléments de menu. Ils doivent avoir une apparence différente des éléments qui les entourent pour que la fonctionnalité soit observable.

Pour en savoir plus sur les états de focus visibles

Fonctionnalité du clavier

Certains utilisateurs utilisent uniquement leur clavier, y compris des claviers adaptés, pour naviguer dans différentes pages web et applications. C’est l’un des aspects les plus importants de l’accessibilité numérique.

En savoir plus sur la fonctionnalité du clavier

Fonctionnalité du clavier

Certains utilisateurs utilisent uniquement leur clavier, y compris des claviers adaptés, pour naviguer dans différentes pages web et applications. C’est l’un des aspects les plus importants de l’accessibilité numérique.

En savoir plus sur la fonctionnalité du clavier

Principes du mouvement et accessibilité

Il ne faut avoir recours à des animations ou à du mouvement que si cela est nécessaire. Les rédacteurs, les développeurs et les concepteurs doivent travailler ensemble pour que tout mouvement créé puisse permettre à tous les utilisateurs de comprendre le message de la page même s’ils ont activé la réduction des paramètres de mouvement.

En savoir plus sur les principes de mouvement et l’accessibilité

Principes du mouvement et accessibilité

Il ne faut avoir recours à des animations ou à du mouvement que si cela est nécessaire. Les rédacteurs, les développeurs et les concepteurs doivent travailler ensemble pour que tout mouvement créé puisse permettre à tous les utilisateurs de comprendre le message de la page même s’ils ont activé la réduction des paramètres de mouvement.

En savoir plus sur les principes de mouvement et l’accessibilité

Communiquer l’état actuel

Le fait de communiquer l’état actuel aux utilisateurs leur indique si un élément a été sélectionné ou non, parmi d’autres indicateurs. Il est important de bien le souligner, car les utilisateurs interagiront différemment avec les produits.

En savoir plus sur la communication de l’état actuel

Communiquer l’état actuel

Le fait de communiquer l’état actuel aux utilisateurs leur indique si un élément a été sélectionné ou non, parmi d’autres indicateurs. Il est important de bien le souligner, car les utilisateurs interagiront différemment avec les produits.

En savoir plus sur la communication de l’état actuel

Annoncer les changements d’état et les erreurs

Il faut annoncer les changements d’état aux clients, en particulier les messages d’erreur, en utilisant des indices visuels et du texte pour décrire ce qui s’est passé.

En savoir plus sur l’annonce des changements d’état et des erreurs

Annoncer les changements d’état et les erreurs

Il faut annoncer les changements d’état aux clients, en particulier les messages d’erreur, en utilisant des indices visuels et du texte pour décrire ce qui s’est passé.

En savoir plus sur l’annonce des changements d’état et des erreurs

Outils

Outils

Appliquez vos connaissances TELUS en utilisant les outils ci-dessous. Cliquez sur chacun des outils et découvrez comment accéder et utiliser chacun d’eux.

Appliquez vos connaissances TELUS en utilisant les outils ci-dessous. Cliquez sur chacun des outils et découvrez comment accéder et utiliser chacun d’eux.