Accessibilità dei moduli Html

Autore: Luca Ruggiero | Tell a Friend Corso HTML Impara il linguaggio di marcatura per il Web. Corso CSS Web Design ed Accessibilità secondo il W3C!

Lavorando con applicazioni Windows User Interface, piuttosto che con applicazioni Web, siamo abituati a non dover necessariamente selezionare un pulsante di opzione cliccando sul controllo stesso, ma è possibile accedervi anche cliccando sulla sua dicitura descrittiva. Nell'esempio che segue dobbiamo necessariamente cliccare sul radio-button per selezionare il sesso:

Maschio
Femmina

Potremmo invece cliccare sulle diciture Maschio o Femmina e riuscire lo stesso a selezionare il sesso!

Maschio
Femmina

Caruccio vero? :-)

E' necessario includere il testo della descrizione del radio-button nel Tag <label> e </label> specificando l'attributo for="ID del radio-button"

Di seguito un esempio:

<form name="modulo">

    <input type="radio" name="sesso" id="sesso_m" value="M">
        <label for="sesso_m">Maschio</label><br>

    <input type="radio" name="sesso" id="sesso_f" value="F">
        <label for="sesso_f">Femmina</label>

</form>