Accéder au contenu.
Menu Sympa

progliste - Re: [progliste] Utiliser l'élément select pour simuler une liste de cases à cocher

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é






Archives gérées par MHonArc 2.6.19+.

Haut de le page