|
Ressources de Dreamweaver CS4
|
Création de formulaires HTML accessibles
Lorsque vous insérez un objet de formulaire HTML, vous pouvez rendre l'objet de formulaire accessible et modifier les attributs d'accessibilité ultérieurement.
Ajout d'un objet de formulaire accessible- La première fois que vous ajoutez des objets de formulaire accessibles, activez la boîte de dialogue Accessibilité pour les objets de formulaire (consultez la section Optimisation de l'espace de travail pour le développement visuel).
Vous devez effectuer cette opération une seule fois.
- Dans le document, placez le point d'insertion à l'endroit où l'objet de formulaire doit apparaître.
- Choisissez Insertion > Formulaire, puis l'objet de formulaire à insérer.
La boîte de dialogue Attributs d'accessibilité aux balises d'entrée s'affiche.
- Complétez les options de la boîte de dialogue, puis cliquez sur OK. Voici une liste partielle des options :
Remarque : Le lecteur d'écran lit le nom que vous avez entré en tant qu'attribut Label de l'objet.
- ID
- attribue un ID au champ de formulaire. Cette valeur peut être utilisée pour faire référence au champ à partir de JavaScript. Elle est également utilisée comme valeur de l'attribut for si vous activez l'option Joindre une balise d'étiquette à l'aide de l'attribut For du groupe Style.
- Envelopper avec une balise d'étiquette
- Entoure l'élément de formulaire d'une balise d'étiquette, comme suit :
<label>
<input type="radio" name="radiobutton" value="radiobutton">
RadioButton1</label>
- Joindre une balise d'étiquette à l'aide de l'attribut 'for'
- Utilise l'attribut for pour entourer l'élément de formulaire d'une balise d'étiquette, comme suit :
<input type="radio" name="radiobutton" value="radiobutton" id="radiobutton">
<label for="radiobutton">RadioButton2</label>
Si vous choisissez cette option, le navigateur place un rectangle de sélection sur le texte associé à une case à cocher ou à un bouton radio et permet à l'utilisateur d'activer la case à cocher ou le bouton radio en cliquant n'importe où dans le texte associé.
Remarque : Il s'agit de l'option d'accessibilité la plus courante. Toutefois, cette fonction peut varier selon le navigateur utilisé.
- Aucune balise d'étiquette
- N'utilise pas de balise d'étiquette, comme suit:
<input type="radio" name="radiobutton" value="radiobutton">
RadioButton3
- Clé d'accès
- Utilise un équivalent clavier (une lettre) et la touche Alt (Windows) ou Ctrl (Macintosh) pour sélectionner l'objet de formulaire dans le navigateur. Par exemple, si vous entrez B comme Clé d'accès, les utilisateurs de Macintosh peuvent appuyer sur Ctrl+B pour sélectionner l'objet de formulaire.
- Ordre des tabulations
- Indique l'ordre d'apparition des objets de formulaire. Si vous définissez un ordre d'apparition pour un objet, assurez-vous de le faire également pour tous les autres objets.
La définition d'un ordre d'apparition peut se révéler utile lorsque la page contient d'autres liens et d'autres objets de formulaire et que vous voulez que l'utilisateur passe de l'un à l'autre dans un ordre particulier.
- Cliquez sur Oui pour insérer une balise de formulaire.
L'objet de formulaire apparaît dans le document.
Remarque : Si vous cliquez sur Annuler, l'objet de formulaire s'affiche dans le document, mais Dreamweaver ne lui associe ni les balises ni les attributs d'accessibilité.
Modification des valeurs d'accessibilité pour un objet de formulaire- Dans la fenêtre de document, sélectionnez l'objet.
- Effectuez l'une des opérations suivantes :
Modifiez les attributs en mode Code.
Cliquez du bouton droit de la souris (Windows) ou en maintenant la touche Ctrl enfoncée (Macintosh), puis choisissez Modifier la balise.
|
PDF (adobe.com)
