Elemento

input

Tipologia d'errore

Certo

Linee Guida

  • Section 508
    Gruppo Linea GuidaN - form accessibili
  • WCAG 2.0 (Level A)
    Gruppo Linea Guida1.3 Assicurarsi che informazioni e struttura possano essere separate dalla presentazione.
    Sottogruppo Linea GuidaCriterio di successo 1.3.1 Informazioni e correlazioni (A)
  • WCAG 2.0 (Level AA)
    Gruppo Linea Guida1.3 Adattabile: Creare contenuti che possano essere rappresentati in modalità differenti (ad esempio, con layout più semplici), senza perdere informazioni o la struttura.
    Sottogruppo Linea GuidaCriterio di successo 1.3.1 Informazioni e correlazioni (A)
  • WCAG 2.0 (Level AAA)
    Gruppo Linea Guida1.3 Adattabile: Creare contenuti che possano essere rappresentati in modalità differenti senza perdere informazioni o la struttura.
    Sottogruppo Linea GuidaCriterio di successo 1.3.1 Informazioni e correlazioni (A)
  • WCAG 2.1 (Level AAA)
  • WCAG SRWSD

Requisiti

Le etichette di tutti gli elementi input di tipo "text" contengono testo.

Errore

L'etichetta dell'elemento input di tipo "text" è vuota.

Descrizione Breve

Un elemento input, che contenga un attributo type di valore "radio", deve avere una etichetta contenente del testo.

Come correggere

Inserire nell'etichetta dell'elemento input del testo che descriva lo scopo o la funzione del controllo.

Passi da controllare

Procedura

1. Rintracciare tutti gli elementi input il cui valore dell'attributo type è "text".
2. All'elemento input deve essere esplicitamente associata un'etichetta usando almeno uno dei seguenti metodi.
3. L'elemento input contiene un attributo id il cui valore è uguale a quello dell'attributo for di un elemento label.
4. e/oppure
5. L'elemento input contiene l'attributo title.
6. e/oppure
7. L'elemento input è contenuto in un elemento label.
8. Controllare che l'etichetta contenga del testo.

Risultato previsto

1. Le etichette di tutti gli elementi input di tipo "text" contengono testo.

Risultato non corretto

1. Inserire nell'etichetta del testo che descriva lo scopo o la funzione del controllo.

Esempi

Esempi corretti

Label using for and id attributes contains text.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/xhtml; charset=UTF-8" />
<title>ATRC Testfile - Check #213 - Negative</title>
</head>
<body>
<form action="http://somesite.com/prog/adduser" method="post">
<p>
<label for="texta">Name:</label> 
<input id="texta" type="text" name="mytext" tabindex="1" />
</p>
</form>
</body>
</html>

Esempi non corretti

Label using for and id attributes does not contain text.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/xhtml; charset=UTF-8" />
<title>ATRC Testfile - Check 213 - Positive</title>
</head>
<body>
<form action="http://somesite.com/prog/adduser" method="post">
<p>
<label for="texta"></label> 
<input id="texta" type="text" name="mytext" tabindex="1" />
</p>
</form>
</body>
</html>

English | German | Italiano


Il codice del motore del sito Web è copyright 2011
Inclusive Design Institute
API del Web Service