Accessibilité du site web Éloquence Parisienne
Nous nous engageons à rendre notre site web accessible à tous, y compris aux personnes handicapées. Cette page décrit les mesures que nous avons prises pour améliorer l'accessibilité de notre site.
Notre engagement envers l'accessibilité
Chez Éloquence Parisienne, nous croyons que tout le monde devrait avoir un accès égal à l'information et aux services que nous offrons. C'est pourquoi nous nous efforäons de rendre notre site web conforme aux directives d'accessibilité du contenu web (WCAG) 2.1 niveau AA.
Mesures prises pour l'accessibilité
- Navigation au clavier: Notre site est entièrement navigable au clavier, ce qui permet aux utilisateurs qui ne peuvent pas utiliser une souris de parcourir facilement les pages.
-
Texte alternatif pour les images:
Toutes les images de notre site ont un texte alternatif descriptif, ce qui permet aux utilisateurs de lecteurs d'écran de comprendre le contenu des images. Par exemple, l'image
indique visuellement la présence de fonctionnalités d'accessibilité.
- Compatibilité avec les lecteurs d'écran: Nous avons optimisé notre site pour qu'il fonctionne correctement avec les lecteurs d'écran courants, tels que NVDA, JAWS et VoiceOver.
- Structure sémantique du code HTML: Nous utilisons des balises HTML sémantiques pour structurer notre contenu, ce qui facilite la compréhension du site par les lecteurs d'écran et les autres technologies d'assistance.
- Contraste des couleurs: Nous avons veillé à ce que le contraste des couleurs soit suffisant pour que le texte soit facile à lire, même pour les personnes ayant une déficience visuelle.
- Taille du texte redimensionnable: Les utilisateurs peuvent facilement augmenter ou diminuer la taille du texte de notre site web sans perdre en fonctionnalité.
- Formulaires accessibles: Nos formulaires sont conäus pour être accessibles, avec des étiquettes claires et des instructions pour chaque champ.
- Liens clairs et descriptifs: Tous les liens de notre site ont un texte clair et descriptif, ce qui permet aux utilisateurs de comprendre où ils seront dirigés en cliquant sur le lien.
Conformité aux normes WCAG
Nous nous engageons à respecter les principes du WCAG 2.1 niveau AA, qui comprennent :
- Perceptibilité: L'information et les composants de l'interface utilisateur doivent être présentés aux utilisateurs d'une manière qu'ils peuvent percevoir.
- Utilisabilité: Les composants de l'interface utilisateur et la navigation doivent être utilisables.
- Compréhensibilité: L'information et le fonctionnement de l'interface utilisateur doivent être compréhensibles.
- Robustesse: Le contenu doit être suffisamment robuste pour être interprété de manière fiable par une large gamme d'agents utilisateurs, y compris les technologies d'assistance.
Navigation au clavier et ordre de tabulation
La navigation au clavier est essentielle pour les utilisateurs qui ne peuvent pas utiliser une souris ou un dispositif de pointage. Sur notre site web, vous pouvez naviguer en utilisant les touches suivantes :
- Tab: Déplace le focus vers l'élément interactif suivant (liens, boutons, champs de formulaire).
- Shift + Tab: Déplace le focus vers l'élément interactif précédent.
- Entrée: Active un lien ou soumet un formulaire.
- Espace: Active un bouton ou coche une case.
- Flèches directionnelles: Permettent de naviguer dans les menus déroulants, les listes et les tableaux.
Nous avons veillé à ce que l'ordre de tabulation soit logique et intuitif, afin que les utilisateurs puissent parcourir le site de manière efficace.
Compatibilité avec les lecteurs d'écran
Notre site web est conäu pour être compatible avec les lecteurs d'écran les plus courants, tels que NVDA, JAWS et VoiceOver. Pour une expérience optimale, nous vous recommandons d'utiliser la dernière version de votre lecteur d'écran préféré et de configurer les paramètres de manière appropriée.
Voici quelques conseils pour utiliser un lecteur d'écran avec notre site :
- Utilisez les titres (h1, h2, h3, etc.) pour naviguer rapidement dans le contenu de la page.
- Activez le mode "formulaire" de votre lecteur d'écran pour remplir facilement les champs de formulaire.
- Vérifiez que les images ont un texte alternatif descriptif pour comprendre le contenu visuel.
- Utilisez les raccourcis clavier de votre lecteur d'écran pour accéder rapidement aux différentes sections de la page.
Texte alternatif pour les images
Le texte alternatif (attribut "alt" des balises
<img>
) est essentiel pour rendre les images accessibles aux utilisateurs de lecteurs d'écran. Le texte alternatif doit décrire de manière concise et précise le contenu et la fonction de l'image. Par exemple :
-
Pour une photo d'Isabelle Moreau, formatrice en communication, le texte alternatif approprié serait :
alt="Portrait d'Isabelle Moreau, formatrice en communication chez Éloquence Parisienne"
. -
Pour une icône représentant un lien vers la page de contact, le texte alternatif approprié serait :
alt="Lien vers la page de contact"
.
Évitez d'utiliser des textes alternatifs génériques tels que "image" ou "photo". Soyez précis et descriptif.
Couleurs et contraste
Nous avons choisi une palette de couleurs qui offre un contraste suffisant entre le texte et l'arrière-plan, afin de faciliter la lecture pour les personnes ayant une déficience visuelle. Nous avons également évité d'utiliser la couleur comme seul moyen de transmettre une information. Par exemple, si nous utilisons un code couleur pour indiquer le statut d'une tâche (terminée, en cours, en attente), nous fournissons également une indication textuelle claire.
Vous pouvez également utiliser les paramètres d'accessibilité de votre système d'exploitation ou de votre navigateur pour personnaliser l'apparence de notre site web et améliorer le contraste des couleurs.
Taille du texte et zoom
Vous pouvez facilement augmenter ou diminuer la taille du texte de notre site web en utilisant les fonctionnalités de zoom de votre navigateur. Pour zoomer sur une page, vous pouvez utiliser les raccourcis clavier suivants :
- Ctrl + + (Windows) ou Cmd + + (Mac): Zoomer.
- Ctrl + - (Windows) ou Cmd + - (Mac): Dézoomer.
- Ctrl + 0 (Windows) ou Cmd + 0 (Mac): Rétablir la taille par défaut.
Nous avons veillé à ce que la mise en page de notre site web s'adapte correctement aux différentes tailles de texte et niveaux de zoom, afin que vous puissiez toujours accéder à tout le contenu.
Retour d'information et contact
Nous sommes constamment à la recherche de moyens d'améliorer l'accessibilité de notre site web. Si vous rencontrez des difficultés d'accès ou si vous avez des suggestions à nous faire, n'hésitez pas à nous contacter . Nous prendrons vos commentaires au sérieux et ferons de notre mieux pour résoudre les problèmes d'accessibilité.
Vous pouvez nous contacter par téléphone au 01 42 66 12 34, par email à [email protected], ou en remplissant le formulaire de contact sur notre site web.
Notre responsable de l'accessibilité, Madame Claire Lefebvre, est à votre disposition pour répondre à toutes vos questions et traiter vos demandes.
Tableau de conformité
Ce tableau résume notre conformité aux directives WCAG 2.1 niveau AA.
Directive WCAG | Description | Niveau de conformité | Remarques |
---|---|---|---|
1.1.1 Non-text Content | All non-text content that is presented to the user has a text alternative that serves the equivalent purpose. | Conforme | Toutes les images ont un texte alternatif descriptif. |
1.3.1 Info and Relationships | Information, structure, and relationships conveyed through presentation can be programmatically determined or are available in text. | Conforme | Utilisation de balises HTML sémantiques pour structurer le contenu. |
1.4.3 Contrast (Minimum) | The visual presentation of text and images of text has a contrast ratio of at least 4.5:1. | Conforme | Palette de couleurs choisie pour un contraste suffisant. |
2.1.1 Keyboard | All functionality of the content is operable through a keyboard interface without requiring specific timings for individual keystrokes. | Conforme | Navigation au clavier entièrement fonctionnelle. |
2.4.4 Link Purpose (In Context) | The purpose of each link can be determined from the link text alone, or from the link text together with its programmatically determined link context. | Conforme | Tous les liens ont un texte clair et descriptif. |