1
00:00:00,420 --> 00:00:06,510
Okay, quindi ci concentreremo sulle etichette e su ogni modulo HDMI in modo che le etichette siano esattamente ciò che

2
00:00:06,510 --> 00:00:10,590
suonano come se ci permettessero di aggiungere didascalie ai singoli elementi nella nostra forma.

3
00:00:10,590 --> 00:00:16,500
E la ragione per cui li usiamo piuttosto che un semplice paragrafo o un testo semplice è che le etichette

4
00:00:16,500 --> 00:00:19,360
sono davvero importanti per rendere il nostro sito accessibile.

5
00:00:19,410 --> 00:00:24,500
Quindi, se qualcuno è ipovedente o cieco e sta accedendo al nostro forum

6
00:00:24,500 --> 00:00:30,570
cercando di firmare il suo software di screen reader che sta usando, cercherà tag etichetta e

7
00:00:30,570 --> 00:00:34,980
userà queste etichette per sapere quale parte del modulo corrisponde a.

8
00:00:34,980 --> 00:00:36,960
Quindi è davvero importante.

9
00:00:36,960 --> 00:00:41,970
È anche un bel modo di aggiungere una piccola didascalia, come puoi vedere qui, spiegando per cosa è

10
00:00:41,970 --> 00:00:43,530
utilizzata ogni parte del modulo.

11
00:00:43,530 --> 00:00:48,750
Quindi ci sono due sintassi che copriremo in base alla prima.

12
00:00:48,750 --> 00:00:49,620
Crea un tag

13
00:00:52,740 --> 00:00:55,770
etichetta e quindi inseriamo effettivamente l'input all'interno del tag etichetta.

14
00:00:56,160 --> 00:00:59,820
potresti dire qualcosa come il tuo nome e poi

15
00:01:02,700 --> 00:01:10,120
prendiamo questo nome utente e lo inseriamo e lo mettiamo dentro e piuttosto che fare questo è un

16
00:01:10,140 --> 00:01:17,100
po 'meglio rendere le cose distanziate un po' in modo da vedere la vera relazione tra cose.

17
00:01:17,100 --> 00:01:17,640
Quindi

18
00:01:17,860 --> 00:01:25,220
Quindi inseriremo i due punti della password, quindi la password e put.

19
00:01:27,630 --> 00:01:28,410
E noi andiamo.

20
00:01:28,410 --> 00:01:32,050
Questo è tutto ciò di cui dovremmo aver bisogno per aggiornare la pagina.

21
00:01:32,160 --> 00:01:36,720
Ora abbiamo due etichette che corrispondono ai nostri due input.

22
00:01:38,190 --> 00:01:44,110
Quindi c'è una sintassi alternativa piuttosto che avere i tuoi input annidati all'interno di un'etichetta.

23
00:01:44,130 --> 00:01:49,340
In realtà li possiamo fare completamente separati e li colleghiamo in un modo leggermente diverso.

24
00:01:49,380 --> 00:01:55,920
Puoi vedere che abbiamo un'etichetta e ha un attributo di quattro attributi uguale al nome utente.

25
00:01:56,190 --> 00:01:59,510
E poi abbiamo un input con un ID uguale al nome utente.

26
00:01:59,730 --> 00:02:07,290
Quindi, fintanto che questi due programmi di sceneggiatura e altri software di accessibilità si accorgeranno che questa etichetta che

27
00:02:07,470 --> 00:02:12,950
è per il nome utente è corrispondente a questo input con nome utente ID.

28
00:02:12,960 --> 00:02:19,590
Quindi, solo per mostrarti che ho intenzione di andare avanti e basta duplicare questo commento solo

29
00:02:19,590 --> 00:02:20,640
così ce l'abbiamo.

30
00:02:20,640 --> 00:02:25,080
E poi quello che ho intenzione di fare è spostare i tag di input in modo che siano separati dalle etichette.

31
00:02:25,110 --> 00:02:29,730
Non sono più contenuti all'interno di quel tag etichetta.

32
00:02:29,730 --> 00:02:34,330
Quindi non sono più nidificati l'uno dentro l'altro.

33
00:02:37,110 --> 00:02:38,020
OK.

34
00:02:38,550 --> 00:02:46,470
E la prossima cosa è collegarli perché in questo momento anche se sembrerà esattamente lo stesso per il software per

35
00:02:46,830 --> 00:02:51,560
le persone con problemi di vista non sono esattamente gli stessi perché

36
00:02:51,570 --> 00:02:56,990
non sono effettivamente connessi, non c'è linea che colleghi questa etichetta a questo input.

37
00:02:57,000 --> 00:03:02,380
Quindi per farlo usiamo il quattro attributo diciamo per nome utente.

38
00:03:03,240 --> 00:03:13,870
E poi qui dobbiamo dire che ID è il nome utente e faremo la stessa cosa per la password.

39
00:03:14,370 --> 00:03:17,830
E tanto per essere chiari, il nome non ha importanza.

40
00:03:17,850 --> 00:03:20,760
Vogliamo assicurarci che sia bello e significativo.

41
00:03:20,760 --> 00:03:25,260
Non è solo banale, ma non importa se corrisponde all'ID e

42
00:03:30,330 --> 00:03:32,790
lo aggiorna sembra esattamente lo stesso.

43
00:03:32,790 --> 00:03:35,670
Ma puoi semplicemente fidarti che i nostri dati sono ora collegati.

44
00:03:35,670 --> 00:03:37,200
Abbiamo un'etichetta per ogni input