Zur Navigation Zum Inhalt Kontakt Menu Principes Bases Accessibilité Système de design Guidelines Deutsch Français Italiano English Nos principes de design Centré sur l’utilisateur Reconnaissable Inclusif Minimaliste Holistique Auto-explicatif Axé sur les tâches Approprié Portail de la marque CFF Logo Horloge numérique Droits d’utilisation Couleurs de base Couleurs fonctionnelles Couleurs off-brand Icônes Icônes de l’horaire Pictogrammes À propos de l’accessibilité À propos de ce guide Contact Informations complémentaires Product Owner User Research Interaction Design Visual Design Development Content Design Testing What is a design system? Conception Développer FAQ Aide Procès Contribution Contact Aperçu Base Composants Overview Releases Design Tokens Komponenten Aperçu Base Informations Aperçu Base Composants Sens & objectif Community Assets Instructions Power-Apps Bandeaux publicitaires numériques SAP Icônes d’applications Testing

Tu testes le produit.

Utilise les outils

Utilise une barre d’outils d’accessibilité pour un premier test. Par exemple la barre d’outils WAVE qui est disponible pour Firefox et Chrome. Ces tests automatisés ne sont pas parfaits mais ils fournissent une première évaluation de l’accessibilité.

Aide pour l’utilisation des outils: https://www.accessibility-developer-guide.com/setup/helper-tools/
Barre d’outils WAVE: https://wave.webaim.org/extension

Analyse la structure

Demande-toi si la structure générale est logique. Vérifie que les titres et les éléments cliquables sont clairement identifiables. Tu peux également contrôler la structure des titres à l’aide de l’analyseur d’en-tête.

Analyseur d’en-tête: https://hinderlingvolkart.github.io/h123

Navigue avec le clavier

Utilise toutes les fonctionnalités avec le clavier. Tu dois pouvoir naviguer, atteindre tous les éléments et effectuer toutes les actions sans problème.

Ordinateur de bureau: débranche la souris.
Téléphone mobile: connecte un clavier externe à ton téléphone mobile.

Utilise un lecteur d’écran

Utilise toutes les fonctionnalités avec un lecteur d’écran. Pour ce faire, utilise gratuitement NVDA sous Firefox ou une démo de JAWS sous Internet Explorer sur ton ordinateur de bureau. Ce sont les deux combinaisons les plus courantes. VoiceOver est déjà pré-installé sur les appareils iOS.

Aide pour la configuration du lecteur d’écran: https://www.accessibility-developer-guide.com/setup/screen-readers/
Test avec NVDA: https://webaim.org/articles/nvda
Test avec JAWS: https://webaim.org/articles/jaws
Test avec VoiceOver: https://webaim.org/articles/voiceover

Impressum Contact Paramètres des cookies