Commentaires sur : Pré-remplir les champs textes (suite) https://htmlzengarden.vincent-valentin.name/2009/10/pre-remplir_les_champs_textes_suite/ The beauty in HTML code Mon, 27 May 2013 12:26:08 +0000 hourly 1 https://wordpress.org/?v=4.2.39 Par : Stéphane Deschamps https://htmlzengarden.vincent-valentin.name/2009/10/pre-remplir_les_champs_textes_suite/#comment-2194 Mon, 26 Oct 2009 17:33:58 +0000 http://www.htmlzengarden.com/?p=707#comment-2194 Pour tenter de répondre dans l’ordre :

Si tu mets deux labels, je n’en lis qu’un. Je ne sais pas forcément lequel sera lu, mais là n’est pas la question. Ton but ici est de donner deux informations, et le label ne le permet pas.

En revanche ton exemple 2 avec de l’ARIA pourra donner :

<p>
    <label for="courriel2" id="labelforcourriel2">Courriel</label>
    <input type="text" id="courriel2" name="courriel2" value="vincent&agrave;htmlzengarden.com" class="erreur" aria-labelledby="labelforcourriel2" aria-describedby="descrforcourriel2" />
    <samp id="descrforcourriel2">de la forme <kbd>courriel@exemple.com</kbd></samp>
</p>

]]> Par : Stéphane Deschamps (notabene) 's status on Monday, 26-Oct-09 17:28:23 UTC - Identi.ca https://htmlzengarden.vincent-valentin.name/2009/10/pre-remplir_les_champs_textes_suite/#comment-2192 Mon, 26 Oct 2009 17:28:42 +0000 http://www.htmlzengarden.com/?p=707#comment-2192 […] "On rigole bien quand même, hein les copains ?" © Vincent http://www.htmlzengarden.com/2009/10/pre-remplir_les_champs_textes_suite/ […]

]]> Par : Vincent https://htmlzengarden.vincent-valentin.name/2009/10/pre-remplir_les_champs_textes_suite/#comment-2173 Wed, 21 Oct 2009 14:44:46 +0000 http://www.htmlzengarden.com/?p=707#comment-2173 Yves, si je suis bien :

  • ça valide l’utilisation de kbd pour ce genre d’utilisation.

Et par ailleurs :

  • <samp><kbd>toto</kbd></samp> s’utilise pour reprendre des données saisies par l’utilisateur (ex : « vous recherchez le terme toto ») ;
  • <kbd><samp>Fichier</samp></kbd> s’utilise pour reprendre des données fournies par le système (ex : « cliquez sur Fichier puis Imprimer ») ;
  • <kbd><kbd>Ctrl</kbd> + <kbd>P</kbd></kbd> s’utilise pour les combinaisons (ex : « appuyez sur Ctrl + P »).

On rigole bien quand même, hein les copains ?

]]> Par : Vincent https://htmlzengarden.vincent-valentin.name/2009/10/pre-remplir_les_champs_textes_suite/#comment-2172 Wed, 21 Oct 2009 14:26:04 +0000 http://www.htmlzengarden.com/?p=707#comment-2172 Stéphane : ok, noté (j’apprends des trucs) ! Ça pose quoi comme souci précisément ?

NVDA est installé, mais tout comme avec Jaws je galère toujours pour l’utiliser convenablement. Sans compter les bons maux de tête à chaque l’utilisation.

Enfin, il faudra que je me force : tu as raison.

PS : l’exemple en ligne est ici.

]]> Par : Stéphane Deschamps https://htmlzengarden.vincent-valentin.name/2009/10/pre-remplir_les_champs_textes_suite/#comment-2171 Wed, 21 Oct 2009 13:51:34 +0000 http://www.htmlzengarden.com/?p=707#comment-2171 Attention pas de double label, no-go en accessibilité

Si tu veux t’amuser, tu peux jeter un oeil à ARIA aussi : l’équivalent du label c’est aria-labelledby, et une description supplémentaire s’obtient avec aria-describedby.

Installe NVDA et teste sur Firefox 3.5 l’exemple de Marco Zehe pour le voir en action.

]]> Par : Stéphane Deschamps https://htmlzengarden.vincent-valentin.name/2009/10/pre-remplir_les_champs_textes_suite/#comment-2170 Wed, 21 Oct 2009 13:32:22 +0000 http://www.htmlzengarden.com/?p=707#comment-2170 Tu nous mets un exemple en ligne ? (j’ai la flemme de le tester en local)

]]> Par : Yves Van Goethem https://htmlzengarden.vincent-valentin.name/2009/10/pre-remplir_les_champs_textes_suite/#comment-2169 Wed, 21 Oct 2009 12:54:23 +0000 http://www.htmlzengarden.com/?p=707#comment-2169 La spécification de HTML 5 décrit d’avantage le rôle de kbd (et samp) : http://www.w3.org/TR/html5/text-level-semantics.html#the-kbd-element

Ils démontrent même l’utilisation imbriquée de ces derniers 😉

]]>