1
00:00:00,420 --> 00:00:10,590
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.

2
00:00:10,590 --> 00:00:19,360
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.

3
00:00:19,410 --> 00:00:34,980
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 à.

4
00:00:34,980 --> 00:00:36,960
C'est donc vraiment important.

5
00:00:36,960 --> 00:00:43,530
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.

6
00:00:43,530 --> 00:00:48,750
Donc, il ya deux syntaxes que nous allons couvrir le tout premier qui ressemble à ceci.

7
00:00:48,750 --> 00:00:55,770
Créez une étiquette d'étiquette, puis nous avons réellement mis l'entrée à l'intérieur de cette étiquette d'étiquette.

8
00:00:56,160 --> 00:01:17,640
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.

9
00:01:17,860 --> 00:01:25,220
Donc nous allons mettre le mot de passe deux-points puis le mot de passe et mettre.

10
00:01:27,630 --> 00:01:28,410
Et voilà.

11
00:01:28,410 --> 00:01:32,050
C'est tout ce que nous devrions faire pour actualiser la page.

12
00:01:32,160 --> 00:01:36,720
Nous avons maintenant deux étiquettes qui correspondent à nos deux entrées.

13
00:01:38,190 --> 00:01:44,110
Il ya donc une syntaxe alternative plutôt que d'avoir vos entrées imbriquées à l'intérieur d'une étiquette.

14
00:01:44,130 --> 00:01:49,340
Nous pouvons en fait les faire complètement séparés et nous les relier d'une manière légèrement différente.

15
00:01:49,380 --> 00:01:55,920
Vous pouvez voir ici que nous avons un label et il a un attribut quatre égale à un nom d'utilisateur.

16
00:01:56,190 --> 00:01:59,510
Et puis nous avons une entrée avec un ID égal à username.

17
00:01:59,730 --> 00:02:12,950
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.

18
00:02:12,960 --> 00:02:20,640
Donc, juste pour vous montrer que je vais aller de l'avant et juste dupliquer ce commenté juste pour que nous l'avons.

19
00:02:20,640 --> 00:02:25,080
Et puis ce que je vais faire est de déplacer les balises d'entrée afin qu'ils soient distincts des étiquettes.

20
00:02:25,110 --> 00:02:29,730
Ils ne sont plus contenus à l'intérieur de cette étiquette d'étiquette.

21
00:02:29,730 --> 00:02:34,330
Donc, ils ne sont plus imbriqués l'un dans l'autre.

22
00:02:37,110 --> 00:02:38,020
D'ACCORD.

23
00:02:38,550 --> 00:02:56,990
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.

24
00:02:57,000 --> 00:03:02,380
Donc, pour ce faire, nous utilisons les quatre attributs disons pour le nom d'utilisateur.

25
00:03:03,240 --> 00:03:13,870
Et puis ici, nous devons dire ID est nom d'utilisateur et nous allons faire la même chose pour le mot de passe.

26
00:03:14,370 --> 00:03:17,830
Et pour être clair, le nom n'a pas d'importance.

27
00:03:17,850 --> 00:03:20,760
Nous voulons nous assurer que c'est agréable et significatif.

28
00:03:20,760 --> 00:03:32,790
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.

29
00:03:32,790 --> 00:03:35,670
Mais vous pouvez simplement faire confiance à nos données est maintenant connecté.