Un slider simple, valide et accessible

Salut tout le monde,
l'entreprise où je travaille m'a demandé de rédiger les pages HTML d'un formulaire en ligne. Evidemment, nous voulons que celui-ci soit valide et accessible.

Nous sommes très interessé par un slider comme celui-ci : Example de Slider chez Blueshoes, mais le code est trop gros et compliqué pour que nous puissons l'intégrer.

Pour le coté accesiible, nous avons pensé à ce que ce slider soit en fait un

<select>
<option />
<option />
</select>

caché
où chaque créneau du slider correspon à un <option />, où chaque modification sur le slider correspond en fait à une sélection sur le <select/>.

Cette idée est elle bonne ? Connaissez vous des astuces pour partir sur de bonnes bases ? Existe-t-il un code dont je puisse m'inspirer ?

Merci d'avance

Bonjour,
Il est vrai que ce slider est un gadget accessible seulement à la souris avec javascript activé, alors qu'un "sélect" à 6 "options" le sera dans tout les cas. Il faudrait donc que le sélect ne soit transformé en "slider" seulement en présence de js+souris active
Modifié par chmel (12 Oct 2006 - 02:00)

Oui c'est ça l'idée.

Mais je galère.
- Pour trouver un code de slider potable
- Pour assurer l'interaction, slider<-->formulaire : je me penche désormais sur une solution à base de bouton radio.

Je serai heureux de partager mon experience en cas de succès. Mais je suis aussi étonné que personne ne se soit déjà penché sur la question.

Je me suis longtemps demandé pourquoi <input type="scrollbar" /> n'existait pas ... c'est vrai que parfois ce serait pratique, pour saisir un nombre dans un intervalle, surtout lorsqu'il est doublé d'un text affichant la valeur.

Pourquoi ne pas proposer un text, un bouton + et un bouton - si c'est ça ton but ?

QuentinC a écrit :
Je me suis longtemps demandé pourquoi <input type="scrollbar" /> n'existait pas ... c'est vrai que parfois ce serait pratique, pour saisir un nombre dans un intervalle, surtout lorsqu'il est doublé d'un text affichant la valeur.

Héhé, c'est là qu'on remarque que l'HTML n'est qu'un langage de publication... C'est vrai que si l'on réfléchit un peu, c'est totalement aberrant de vouloir faire des applications entières basées sur du simple HTML, les limites étant tellement énormes. Malheureusement, y'a pas trop le choix.

En fait c'est peut-être le but du futur <input type="range" /> prévu dans webforms ou xform et que sais-je

Webforms effectivement

Merci à vous.

J'ai partiellement renoncé au slider car je ne désire plus pouvoir faire glisser le curseur avec la souris, je compte plutôt utiliser onclick, une solution évidemment beaucoup plus simple.

De toute façon, je bloque désormais sur le vilain bug d'IE sur

objet.setAttribute('onclick',...');

.

Utilise objet.onclick à la place de objet.setAttribute('onclick', ...)