Okay, quindi ci concentreremo sulle etichette e su ogni modulo HDMI in modo che le etichette siano esattamente ciò che
suonano come se ci permettessero di aggiungere didascalie ai singoli elementi nella nostra forma.
E la ragione per cui li usiamo piuttosto che un semplice paragrafo o un testo semplice è che le etichette
sono davvero importanti per rendere il nostro sito accessibile.
Quindi, se qualcuno è ipovedente o cieco e sta accedendo al nostro forum
cercando di firmare il suo software di screen reader che sta usando, cercherà tag etichetta e
userà queste etichette per sapere quale parte del modulo corrisponde a.
Quindi è davvero importante.
È anche un bel modo di aggiungere una piccola didascalia, come puoi vedere qui, spiegando per cosa è
utilizzata ogni parte del modulo.
Quindi ci sono due sintassi che copriremo in base alla prima.
Crea un tag
etichetta e quindi inseriamo effettivamente l'input all'interno del tag etichetta.
potresti dire qualcosa come il tuo nome e poi
prendiamo questo nome utente e lo inseriamo e lo mettiamo dentro e piuttosto che fare questo è un
po 'meglio rendere le cose distanziate un po' in modo da vedere la vera relazione tra cose.
Quindi
Quindi inseriremo i due punti della password, quindi la password e put.
E noi andiamo.
Questo è tutto ciò di cui dovremmo aver bisogno per aggiornare la pagina.
Ora abbiamo due etichette che corrispondono ai nostri due input.
Quindi c'è una sintassi alternativa piuttosto che avere i tuoi input annidati all'interno di un'etichetta.
In realtà li possiamo fare completamente separati e li colleghiamo in un modo leggermente diverso.
Puoi vedere che abbiamo un'etichetta e ha un attributo di quattro attributi uguale al nome utente.
E poi abbiamo un input con un ID uguale al nome utente.
Quindi, fintanto che questi due programmi di sceneggiatura e altri software di accessibilità si accorgeranno che questa etichetta che
è per il nome utente è corrispondente a questo input con nome utente ID.
Quindi, solo per mostrarti che ho intenzione di andare avanti e basta duplicare questo commento solo
così ce l'abbiamo.
E poi quello che ho intenzione di fare è spostare i tag di input in modo che siano separati dalle etichette.
Non sono più contenuti all'interno di quel tag etichetta.
Quindi non sono più nidificati l'uno dentro l'altro.
OK.
E la prossima cosa è collegarli perché in questo momento anche se sembrerà esattamente lo stesso per il software per
le persone con problemi di vista non sono esattamente gli stessi perché
non sono effettivamente connessi, non c'è linea che colleghi questa etichetta a questo input.
Quindi per farlo usiamo il quattro attributo diciamo per nome utente.
E poi qui dobbiamo dire che ID è il nome utente e faremo la stessa cosa per la password.
E tanto per essere chiari, il nome non ha importanza.
Vogliamo assicurarci che sia bello e significativo.
Non è solo banale, ma non importa se corrisponde all'ID e
lo aggiorna sembra esattamente lo stesso.
Ma puoi semplicemente fidarti che i nostri dati sono ora collegati.
Abbiamo un'etichetta per ogni input