radio ed accessibilità

[rinosan_76]

CIao a tutti... ho un dubbio. In una pagina dovrò avere una serie di campi creati come questo di esempio:

<label>Nome* <input type="text" name="nome"></label>

Non ho messo tutti gli attributi per velocità. Tutti i campi avranno questa struttura. La visualizzazione la schematizzo:

Nome*    campo
Cognome  campo

Nel voler aggiungere dei radiobutton mi chiedevo se potevo crearli con una struttura di questo tipo:

<label>Hobby
<label>Pesca <input type="radio" value="pesca"></label>
<label>Sport <input type="radio" value="sport"></label>
</label>

Per visualizzare una cosa così:

Nome*    campo
Cognome  campo
Hobby    radio  pesca
         radio  sport

cosa ne pensate? Sarebbe accessibile?

[pierofix]

Ti riferisci alla posizione dell'input rispetto al label? Di solito è consigliato, nel caso di radio e checkbox, porre le etichette dopo l'input, questo per dare maggiore omogeneità alla visualizzazione.

Per approfondire:

- http://webstandards.org/learn/tutori...ble-forms.html

[rinosan_76]

grazie... guardo se capisco...

[pierofix]

Originariamente inviato da rinosan_76

<label>Hobby
<label>Pesca <input type="radio" value="pesca"></label>
<label>Sport <input type="radio" value="sport"></label>
</label>

Io suggerirei una struttura del genere (da espandere a piacimento):

<form action="..." method="post">

   <fieldset><legend>Dati anagrafici</legend>
      <label for="nome">Nome:</label> 
         <input name="nome" id="nome" />
      <label for="cognome">Cognome:</label> 
         <input name="cognome" id="cognome" />
   </fieldset>

   <fieldset><legend>Hobby</legend>
      <input type="radio" ... /> 
         <label for="...">Pesca</label>
      <input type="radio" ... /> 
         <label for="...">Nuoto</label>
   </fieldset>

   

</form>

[rinosan_76]

si... mi sa che è l'unica soluzione

[pierofix]

Ma non capisco il tuo reale problema. Se vuoi provare a descriverci ed elencarci nel dettaglio i campi del form magari potremmo studiare una disposizione ottimale (e relativa struttura XHTML).

[rinosan_76]

E' una cosa un po' complessa... diciamo che mi sto creando delle funzioncine lato server che passati alcuni dati mi creano l'XHTML corretto. E volevo capire il giusto utilizzo di <label> sui checkbox ed i radio. Comunque mi siate stati di grande aiuto ugualmente.
Ciao

[pierofix]

Originariamente inviato da rinosan_76
volevo capire il giusto utilizzo di <label> sui checkbox ed i radio.

Se la domanda riguarda solo questo allora vale quanto ti ho già detto. Hai dato una letta al tutorial del Web Standards Project che ti ho linkato?

[rinosan_76]

si... e da li che ho capito come si usa <label> coi chebox ed i radio!

[pierofix]

Quindi sei soddisfatto? Te lo chiedo perchè mi è parso di capire il contrario.