Visually hidden - Masquage accessible

Élément permettant de cacher du contenu à l'écran tout en le gardant accessible aux technologies d'assistance.

Statut

Fonctionnel

Code source

Open link

Storybook

Open link

Dernière version de modification

2.5.0

Disponible depuis la version

2.5.0

Usage

HTML


                                                                                                                                                        
                                                                                                                                                        
                                                                                                                                                            <dsa-visually-hidden>Ce texte n'est pas visible, mais est accessible aux lecteurs d'écrans</dsa-visually-hidden>
                                                                                                                                                        
                                                                                                                                                        <script type="text/typescript">
                                                                                                                                                          import '@ds-autonomie/web-components/dist/components/visually-hidden/visually-hidden.js';
                                                                                                                                                          import type { DSAVisuallyHidden } from '@ds-autonomie/web-components';
                                                                                                                                                        </script>

Code HTML à implémenter pour utiliser l'élément

API

Attributs et propriétés

Comment utiliser les attributs ?

Pas d'attributs

Méthodes

Comment utiliser les méthodes ?

Pas de méthodes

Slots

Comment utiliser les slots ?

Nom	Description
(defaut)	Contenu à cacher visuellement

Événements

Comment utiliser les événements ?

Pas d’évènements