it-swarm.it

Uso corretto dei tag fieldset / legenda

Mi chiedo quale sia l'utilizzo suggerito di <fieldset> S su una pagina web.

Ad esempio, su una semplice pagina con un solo modulo (un set di input) si consiglia comunque di utilizzare un fieldset? O dovrebbe essere usato solo quando ci sono diversi moduli o diverse "sezioni" su una pagina?

Dovrebbe essere usato solo su pagine di input/modifica e non su pagine di dettagli /?

In che modo l'inclusione/esclusione di un fieldset su una pagina influisce sull'usabilità?

11
TJB

Tecniche HTML del W3C per le Linee guida sull'accessibilità dei contenuti Web 1. note fieldset come tag che puoi usare per raggruppare semanticamente i campi in un modulo. È quindi possibile etichettare quel fieldset con un legend. A seconda di come funziona il browser che accede ai tuoi contenuti, ciò potrebbe aumentare l'accessibilità (ad esempio, uno screen reader potrebbe indicare che la seguente sezione del modulo è per indirizzi di spedizione alternativi e che farebbe sapere al visitatore che potrebbe saltare quella sezione) .

Puoi usare un fieldset quando vuoi, anche se hai un solo campo. Dipende da come vuoi descrivere semanticamente i tuoi contenuti e quanto sei preoccupato di rendere accessibili i tuoi moduli. Ad esempio, un modulo di ricerca contenente un campo di input e un pulsante di invio potrebbe essere contenuto in un set di campi e utilizzare una legenda, ma è possibile utilizzare CSS per nascondere entrambi e visualizzare il modulo nel modo desiderato. Sta a te decidere come indicarlo, incluso se desideri utilizzarlo per inserire/modificare pagine o visualizzare/pagine di dettagli.

12
Rahul

Rahul ha ragione, anche se nel tuo esempio di più gruppi di elementi, direi che era un must.

Una cosa importante per me è che l'uso di una legenda con il set di campi aggiunge l'accessibilità per gli utenti esperti che utilizzano la "Modalità modulo". Se stai fornendo ulteriori informazioni relative a una domanda in un testo o in un'intestazione, questa non viene "letta" in "Modalità modulo" dalla maggior parte dei lettori, ma è se usi la legenda con il set di campi. Viene letto come contesto.

7
Susan R