Partage

Le partage est un groupe d’éléments d’interaction avec l’interface permettant à l’usager de partager le contenu consulté via différents canaux.

Le composant Partage est conçu pour être accessible et respecter les critères du RGAA. Voici les points clés à prendre en compte pour en garantir l’accessibilité.

Interactions clavier

Aucune interaction au clavier spécifique au composant.

Règles d’accessibilité

• Les boutons ou liens de partage sont structurés dans une liste.
• Le bouton pour copier le lien de la page doit être un élément button.

Voir les règles d'accessibilité du composant Lien et les règles d’accessibilité du composant Bouton .

Version inactive

• La mention d’information est située avant la liste de liens et de boutons de partage dans le code HTML.
• Les liens-icônes ou boutons-icônes désactivés conservent un ratio de contraste minimum de 3.
• Les liens désactivés n’ont pas d’attribut href et possèdent les attributs aria-disabled="true" et role="link".

Bouton ou lien ?

Contrastes de couleurs

Le composant Partage est suffisamment contrasté en thème clair et en thème sombre.

---

Restitution par les lecteurs d’écran

Par défaut, les lecteurs d’écran restituent le nom, la description, l’état et le type. L’ordre peut varier en fonction des lecteurs d’écran et de leur configuration.

L’attribut disabled est restitué différemment selon les lecteurs d’écran :

• VoiceOver macOS et iOS : « estompé »
• NVDA et JAWS : « non disponible »
• Narrateur et Talkback  : « désactivé »

---

Critères RGAA applicables

• Couleurs : 3.2, 3.3
• Liens : 6.1, 6.2
• Scripts : 7.1, 7.3
• Éléments obligatoires : 8.9
• Structuration : 9.3
• Présentation de l’information : 10.1, 10.2, 10.3, 10.4, 10.5, 10.7, 10.11, 10.12
• Navigation : 12.9
• Consultation : 13.9, 13.11

---

Références

• Référentiel général d’amélioration de l’accessibilité (RGAA 4.1.2)

Ressources

• Disabling a link