Représenter les sous-catégories autrement dans les select

[kozlika]

La présence de puces au début des intitulés des sous-catégories dans les menus déroulants de l'administration empêche leur accès direct au clavier en tapant les premières lettres. C'est gênant pour l'accessibilité et plus largement pour l'utilisabilité au clavier.

Remplacer les puces par des styles (en donnant une class aux <option> concernées et faire une mise en forme via css.

[kozlika]

Je n'ai pas le niveau pour faire ce qu'il faut côté php, surtout depuis la "standardisation" des contenus des combos. Côté mise en forme, j'ai testé, ça fonctionne.

Il faudrait donc faire en sorte d'ajouter la class="sub-option1" aux éléments <option /> des sous-catégories (et sub-option2 pour les sous-sous-cat, etc).

[franck]

Côté PHP, pas de souci, je commite maintenant le nécessaire, c'est-à-dire :

• suppression des puces et des indentations
• ajout d'une classe "sub-option<n>" avec <n> étant égal à 1 pour les sous-catégories, 2 pour les sous-sous-catégories, etc…

[franck]

Côté CSS, je suppose qu'il faut styler comme suit :

.sub-option1 { margin-left: 0.5em; }
.sub-option2 { margin-left: 1.5em; }
… /* en ajoutant 1em à chaque niveau */

.sub-option1:before, .sub-option2:before, … { content: "\002022\0000a0"; }

J'ai bon ?

[kozlika]

Ouaipe, nickel

[franck]

Juste je me demande à quel niveau on s'arrête ? 100, 1000, 10000 ?

[kozlika]

3 ça me semble suffisant (c'est même déjà beaucoup). Si quelqu'un utilise plus on verra à la version suivante :)

[franck]

Trois me semblent bien peu, je pensais plutôt à une huitaine.