Bon alors, nous allons nous concentrer sur les étiquettes et chaque forme HDMI afin que les étiquettes sont exactement ce qu'ils sonnent comme ils nous ont laissé ajouter des légendes à des éléments individuels dans notre formulaire.
Et la raison pour laquelle nous les utilisons plutôt que juste un paragraphe ou un texte simple est que les étiquettes sont vraiment importantes pour rendre notre site accessible.
Donc, si quelqu'un est aveugle ou aveugle et ils ont accès à notre forum en essayant de signer leur logiciel de lecture d'écran qu'ils utilisent va chercher des étiquettes d'étiquette et il va utiliser ces étiquettes pour savoir ce que chaque partie de la forme Correspond à.
C'est donc vraiment important.
C'est aussi une belle façon d'ajouter une petite légende comme vous pouvez le voir ici expliquant ce que chaque partie de la forme est utilisée pour.
Donc, il ya deux syntaxes que nous allons couvrir le tout premier qui ressemble à ceci.
Créez une étiquette d'étiquette, puis nous avons réellement mis l'entrée à l'intérieur de cette étiquette d'étiquette.
Donc, vous pourriez dire quelque chose comme votre nom et puis nous allons simplement prendre ce nom d'utilisateur et de mettre et de le mettre à l'intérieur et plutôt que de le faire, c'est un peu mieux faire les choses espacées un peu pour que nous voyons la vraie relation entre des choses.
Donc nous allons mettre le mot de passe deux-points puis le mot de passe et mettre.
Et voilà.
C'est tout ce que nous devrions faire pour actualiser la page.
Nous avons maintenant deux étiquettes qui correspondent à nos deux entrées.
Il ya donc une syntaxe alternative plutôt que d'avoir vos entrées imbriquées à l'intérieur d'une étiquette.
Nous pouvons en fait les faire complètement séparés et nous les relier d'une manière légèrement différente.
Vous pouvez voir ici que nous avons un label et il a un attribut quatre égale à un nom d'utilisateur.
Et puis nous avons une entrée avec un ID égal à username.
Donc, tant que ces scénariste match deux et d'autres logiciels d'accessibilité saurez que ce label qui est pour le nom d'utilisateur correspond à cette entrée avec ID nom d'utilisateur.
Donc, juste pour vous montrer que je vais aller de l'avant et juste dupliquer ce commenté juste pour que nous l'avons.
Et puis ce que je vais faire est de déplacer les balises d'entrée afin qu'ils soient distincts des étiquettes.
Ils ne sont plus contenus à l'intérieur de cette étiquette d'étiquette.
Donc, ils ne sont plus imbriqués l'un dans l'autre.
D'ACCORD.
Et la prochaine chose est de les connecter parce que maintenant même si elle regardera exactement la même chose pour les logiciels pour les personnes qui sont malvoyantes ce ne sont pas exactement la même chose parce qu'ils ne sont pas réellement connecté il n'y a pas de ligne de connexion de cette étiquette à cette entrée.
Donc, pour ce faire, nous utilisons les quatre attributs disons pour le nom d'utilisateur.
Et puis ici, nous devons dire ID est nom d'utilisateur et nous allons faire la même chose pour le mot de passe.
Et pour être clair, le nom n'a pas d'importance.
Nous voulons nous assurer que c'est agréable et significatif.
Ce n'est pas juste jibberish mais il n'a pas d'importance tant qu'il correspond à l'ID et de rafraîchir il ressemble exactement la même chose.
Mais vous pouvez simplement faire confiance à nos données est maintenant connecté.