Accéder au contenu.
Menu Sympa

progliste - [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

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


Chronologique Discussions  
  • From: Yannick Daniel Youalé <mailtoloco2011 AT gmail.com>
  • To: progliste AT framalistes.org
  • Subject: [progliste] Utiliser l'élément select pour simuler une liste de cases à cocher
  • Date: Tue, 30 May 2023 18:56:31 +0100
  • Authentication-results: rod3.framasoft.org; dkim=pass header.d=gmail.com header.s=20221208 header.b=R8yNIGmc; spf=pass (rod3.framasoft.org: domain of mailtoloco2011 AT gmail.com designates 2a00:1450:4864:20::52e as permitted sender) smtp.mailfrom=mailtoloco2011 AT gmail.com; dmarc=pass (policy=none) header.from=gmail.com

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