Accessibilità dei moduli Html

Corso online Responsive Design
Realizzare siti responsivi con HTML5 e CSS3.

Scritto da Luca Ruggiero nella sezione Html

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!




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>

I più cliccati della sezione Html

:: Impedire ad un testo di andare a capo in Html (32.978)

:: Le tabelle Html (31.000)

:: Formattazione del testo in Html (25.041)

:: Referenze dei Tag Html (18.963)

:: Creare tabelle con i bordi curvi (17.800)

:: Guida XHTML (16.237)

:: Struttura di un file Html (14.800)

:: Inserire un'icona nella barra degli indirizzi di MSIE (13.524)

:: Inserire le immagini in una pagina Html (10.901)

:: Sovrapporre un'immagine ad un layer senza posizionamento assoluto (10.705)

IN EVIDENZA
DOWNLOAD