Variants / états
La Transcription reprend des composants existants du Design System :
- Bouton secondaire : basé sur les styles du bouton secondaire
- Fenêtre de dialog : basée sur le composant Dialog
Button - Bouton
Élément d’interaction avec l’interface permettant à l’utilisateur
d’effectuer une action.
Dialog - Boîte de dialogue
Fenêtre simulée qui apparait au dessus du composant principal permettant de concentrer l’attention de l’utilisateur exclusivement sur une tâche ou un élément d’information, sans perdre le contexte de la page en cours.
Le composant existe en deux versions :
- Version desktop : dialog centrée, taille adaptée à la lecture.
- Version mobile : dialog plein écran, occupant toute la hauteur et la largeur de l’appareil.
Tailles
- Le bouton utilise les dimensions standard des actions secondaires du Design System.
- La fenêtre de dialogue adopte une largeur confortable sur desktop.
- En mobile, la transcription s’affiche en mode plein écran, garantissant une lecture facile même pour les contenus longs.
- Le contenu textuel doit rester lisible, y compris avec un agrandissement jusqu’à 200 %.