Déclaration d’accessibilité

Stratégie mise en œuvre et objectifs en matière d’accessibilité

Le site de l’agence web Roquette est développé selon les recommandations du référentiel général d’amélioration de l’accessibilité (RGAA) pour être accessible à tous les usagers quel que soit le matériel ou le logiciel utilisé pour naviguer sur internet.

Cette déclaration de démarche d’accessibilité s’applique uniquement au site kanarmor.fr

Actions mises en œuvre

Le travail sur l’accessibilité de ce site web comprend différentes actions dans les catégories suivantes : 

• Design : travail sur les contrastes couleur de fond/couleur de texte. Quelques exemples :
  • Sous-titres (H2) – couleur de fond : #FFFFFF, couleur du texte : #17577A / ratio : 7,83:1 (très bon)
  • Texte (corps de texte) – couleur de fond : #FFFFFF, couleur du texte : #17577A / ratio : 7,83:1 (très bon)
  • Texte sur blocs de données : – couleur de fond : #17577A / couleur du texte : #FFFFFF / ratio : 7,83:1 (très bon)
  • Menu – couleur de fond : #17577A / couleur du texte : #FFFFFF / ratio : 7,83:1 (très bon)
  • Boutons – couleur de fond : #FAD62F, couleur du texte : #17577A / ratio : 7,83:1 (bon)
• Aide à la navigation :
  • Présence de liens d’évitement
  • Le menu de navigation est optimisé
  • Les blocs déroulants sont optimisés
  • Il existe un focus sur les éléments
  • Une page plan du site est présente en lien dans le pied de page du site et représente l’architecture générale du site
  • La navigation ne contient pas de piège au clavier.
  • Le site est optimisé pour la lecture vocale : présence d’un menu optimisé, blocs déroulants optimisés, lecture des encarts optimisée (le lien se situe sur le titre) exclusion de la lecture du bouton, titrage des liens optimisé, les liens sont correctement nommés, la balise title est laissée vide pour éviter une lecture en doublon.
• Images :
  • En cas de présence d’images porteuses d’information, elles disposent d’une alternative textuelle
  • Les images de décoration sont correctement ignorées par les technologies d’assistance
  • Les attributs obligatoires sont déclarés pour que le contexte de l’image soit bien interprété (attribut alt vide pr image décorative) – pour les images au format svg le prestataire a évité l’attribut alt pour préférer l’attribut title

Les contrastes ont été testés avec le site UserWay.

• Aide à la navigation :
  • présence de liens d’évitement ;
  • menu de navigation optimisé ;
  • blocs déroulants optimisés ;
  • focus sur les éléments ;
  • une page plan du site est présenté en lien dans le pied de page du site et représente l’architecture générale du site ; 
  • la navigation ne contient pas de piège au clavier ;
  • optimisation pour la lecture vocale : présence d’un menu optimisé, blocs déroulants optimisés, lecture des encarts optimisée (le lien se situe sur le titre) exclusion de la lecture du bouton, titrage des liens optimisé, les liens sont correctement nommés, la balise title est laissée vide pour éviter une lecture en doublon.
• Images :
  • à la mise en ligne, les images porteuses d’information ont une alternative textuelle ;
  • les images de décoration sont correctement ignorées par les technologies d’assistance ;
  • les attributs obligatoires sont déclarés pour que le contexte de l’image soit bien interprété (attribut alt vide pr img décorative) – pour les images au format svg nous avons évité l’attribut alt, mais avons plutôt préféré l’attribut title.

Retour d’information et contact

Si vous n’arrivez pas à accéder à un contenu ou à un service, vous pouvez nous contacter par courriel à l’adresse contact@kanarmor.fr pour être orienté vers une alternative accessible ou obtenir le contenu sous une autre forme.

Recommandations essentielles

Les 4 principes fondamentaux du WCAG sont les suivants : perceptible, opérable, compréhensible et robuste.

Perceptible

• fournir des alternatives textuelles pour tout contenu non textuel
• proposer des sous-titres pour les vidéos
• assurer un contraste suffisant (ratio minimum 4.5:1) entre le texte et le fond
• permettre le redimensionnement du texte jusqu’à 200%

Opérable

• rendre toutes les fonctionnalités accessibles au clavier
• donner assez de temps pour lire et utiliser le contenu
• éviter les contenus qui peuvent provoquer des crises d’épilepsie
• fournir des moyens de navigation clairs (menu, plan du site)

Compréhensible

• identifier la langue de la page
• créer un contenu qui apparaît et fonctionne de manière prévisible
• aider les utilisateurs à éviter et corriger les erreurs
• utiliser des libellés explicites pour les formulaires

Robuste

• assurer la compatibilité avec les technologies d’assistance
• utiliser correctement les balises HTML et ARIA