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 (34.443)

:: Le tabelle Html (31.276)

:: Formattazione del testo in Html (25.434)

:: Referenze dei Tag Html (19.109)

:: Creare tabelle con i bordi curvi (18.007)

:: Guida XHTML (16.409)

:: Struttura di un file Html (15.042)

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

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

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

IN EVIDENZA
DOWNLOAD