progliste AT framalistes.org
Objet : Liste sur la programmation tous languages, orienté déficients visuels
Archives de la liste
Re: [progliste] Utiliser l'élément select pour simuler une liste de cases à cocher
Chronologique Discussions
- From: QuentinC <webmaster AT quentinc.net>
- To: progliste AT framalistes.org
- Subject: Re: [progliste] Utiliser l'élément select pour simuler une liste de cases à cocher
- Date: Tue, 30 May 2023 20:44:46 +0200
- Authentication-results: rod3.framasoft.org; dkim=none; spf=pass (rod3.framasoft.org: domain of webmaster AT quentinc.net designates 87.98.173.103 as permitted sender) smtp.mailfrom=webmaster AT quentinc.net; dmarc=none
Salut,
Intéressant !
As-tu essayé si ça fonctionnait avec divers navigateurs et lecteurs d'écran ?
Jaws + NVDA + Voice Over + Talkback
Chrome + Firefox + Safari + Chrome pour android
Autre question, comment fait-on pour cocher/décocher les cases ?
Le 30.05.2023 19:56, Yannick Daniel Youalé a écrit :
Salut à tous,
J'écris particulièrement pour faire part de ma trouvaille à mon
homonyme, qui avait une fois posé sur la liste la question de savoir
s'il était possible de faire une liste de cases à cocher valide en
utilisant l'élément html select.
Hé bien, il se trouve qu'en employant l'attribut "aria-checked" pour
chaque élément d'option, c'est possible.
Ensuite, pour que cela soit également perceptible pour les voyants, on
peut jouer avec un code couleur (comme le bleu par exemple en
arrière-plan) afin de leur signaler l'état actif ou pas de chaque
option.
Voici un échantillon de code que vous pouvez rapidement copier et
coller dans un fichier html afin de le tester.
<select size="10" aria-label="jours de la semaine">
<option value="1" aria-checked="true">
lundi
</option>
<option value="2" aria-checked="false">
mardi
</option>
<option value="3" aria-checked="false">
mercredi
</option>
<option value="4" aria-checked="true">
jeudi
</option>
</select>
Pour information, je compte utiliser cette astuce dans le
WebAccessibilizer, sur la liste des paramétrages disponibles.
Cordialement,
Yannick Daniel Youalé
-
[progliste] Utiliser l'élément select pour simuler une liste de cases à cocher,
Yannick Daniel Youalé, 30/05/2023
-
Re: [progliste] Utiliser l'élément select pour simuler une liste de cases à cocher,
QuentinC, 30/05/2023
-
Re: [progliste] Utiliser l'élément select pour simuler une liste de cases à cocher,
Yannick Daniel Youalé, 30/05/2023
- Re: [progliste] Utiliser l'élément select pour simuler une liste de cases à cocher, Yannick Daniel Youalé, 30/05/2023
-
Re: [progliste] Utiliser l'élément select pour simuler une liste de cases à cocher,
Yannick Daniel Youalé, 30/05/2023
-
Re: [progliste] Utiliser l'élément select pour simuler une liste de cases à cocher,
QuentinC, 30/05/2023
Archives gérées par MHonArc 2.6.19+.