Le contrôleur audio a été travaillé par Stéphanie Francœur, Sandra Côté (Ohdio!) et Martin Labbé (longs formats), designers interactifs
Un lecteur audio est une interface utilisateur permettant de contrôler la lecture de fichiers audio. Les lecteurs audio sont souvent utilisés dans des applications de streaming de musique, de podcasts ou d'audiobooks.
Avantages | Inconvénients |
|---|---|
|
|
Voici quelques meilleures pratiques pour le design d'un lecteur audio :
Fournir des contrôles de lecture clairs et facilement accessibles, tels que play, pause, stop, avance rapide et retour rapide.
Afficher clairement les informations sur le titre, l'artiste et l'album de l'audio en cours de lecture.
Offrir une option pour ajuster le volume, ainsi que pour activer ou désactiver la lecture en boucle ou en mode aléatoire.
Assurez-vous que l'interface est réactive et que les contrôles fonctionnent correctement sur différents appareils et tailles d'écran.
Voici quelques exemples de différents designs systems proposant des composants de lecteur audio :
Material Design: https://material.io/components/audio/
Ant Design: https://ant.design/components/audio/
Fluent UI: https://developer.microsoft.com/en-us/fluentui#/controls/web/audio
- 30 -
/wiki/spaces/MNACCESS/pages/3178954905
https://drive.google.com/file/d/1Oe_L0PNKHzb0I7SLnS1l-HHqyBwabLZ3/view?usp=sharing
Contenu et console relatifs au sons
Prévoir un titre ou un résumé (fka 7.2.1)
Pour annoncer chaque contenu audio, un titre ou un résumé doivent être prévus.
Prévoir le contrôle de l'avancement et du volume sonore (fka 7.2.2)
Les contrôles suivants doivent au minimum être prévus sur chaque lecteur audio :
Contrôles de l’avancement : bouton lecture/pause et bouton stop.
Contrôles du son : bouton activer/désactiver le son et contrôle du volume.
Le contrôle de volume est requis de façon indépendante au contrôle de l’appareil afin de minimiser les risques d’interférence avec des fonctions spécifiques à l’accessibilité, notamment le doublon sonore qui peut être occasionné par l’activation du lecteur d’écran.
💡 Astuces
Il est pertinent d’afficher dans chaque lecteur audio les informations suivantes :
La position courante.
La durée totale du média.
La progression (identificateur de progression, boutons avance/retour rapide, retour au début, etc.).
Prévoir un accès à la transcription textuelle (fka 7.2.3)
La transcription textuelle du contenu audio en direct correspond à une cote AAA en accessibilité. Cette possibilité ne sera pas offerte sur les sites de Radio-Canada.
Prévoir l'arrêt manuel de chaque son lancé automatiquement (fka 7.3.2)
Chaque fois qu’un son dont la durée est supérieure à trois secondes est lancé automatiquement, un moyen de stopper ce son doit être prévu en début de page.
💬 Remarques
S’assurer que les contenus externes intégrés à la page (iFrame) ne démarrent pas automatiquement (autoplay).
⚠️ Attention
Malgré tout, il reste très fortement déconseillé de déclencher du son automatiquement. Certains utilisateurs seront perturbés par ce son qui se déclenche sans action de leur part (difficulté à trouver la source du son lorsque plusieurs onglets sont ouverts), d’autres seront tout simplement bloqués (utilisateurs de synthèses vocales, qui deviendront incapables de naviguer).