[webaccessibile] Label senza attributo for ..

Franco Carinato franco a carinato.net
Mar 26 Giu 2007 12:07:36 CEST


Aggiungo solo che l'inserimento del ritorno a capo si puo' evitare
dando a livello CSS allo span inserito nella label uno stile display:
block.

A livello di codice un campo apparirebbe dunque in questo modo:

<div class="field">
   <label for="nomecampo">Etichetta campo
      <span class="nascosto"> - </span>
      <span class="formHelp>Testo di auto per la compilazione</span>
   </label>
   <input
       type = "text"
       id = "nomecampo"
       name = "nomecampo"
       size = "30"
       title = "Utile ma normalmente non letto dallo SR"
       tabindex = "1"
       value = "dato" />
</div>

dove nel css:
.formHelp {display: block; font-size: 90%;}

mentre per un testo non legato ad un campo:

<div class="row">
   <label class = "formHelp">Testo dentro il form ma non legato ad un
campo specifico</label>
</div>

Se avete qualche suggerimento.. benvenga

Grazie
FC

On 6/26/07, nunziante <nunziante a inwind.it> wrote:
> Ciao Livio e tutti.
> Il fatto che senza attivare la modalità scrittura si riesce a leggere tutto
> con una miriade di comandi messi a disposizione dell'utilizzatore di uno
> screen-reader non significa nulla, perché stiamo parlando di quando tu
> attivi la modalità scrittura.
>
> Vediamo come ci si comporta in questo caso.
>
> - Arrivi ad inizio di un modulo, dove prima del primo campo trovi la solita
> scritta compilare il modulo sottostante con i dati richiesti. I campi con
> asterisco sono obbligatori.
> - Ti posizioni sul primo campo e attivi con invio la modalità scrittura.
> - compili il campo, scrivendo o facendo la scelta, o attivando la casella.
>
> Ora è qui che comincia il problema.
> Sul form ti puoi spostare solo con il tab, a meno che non vuoi per ogni
> campo disattivare la modalità scrittura, scorrere la pagina con le frecce e
> poi riattivare la modalità scrittura.
>
> Anche così si può fare, ma sapete che rottura?
> Provate a fare in questo modo  la compilazione di un form di una ventina di
> campi e me lo saprete dire.
> La soluzione trovata dal Dott. Franco Carinato per permettere a chi usa uno
> screeen-reader di leggere sia la label, sia il testo a corredo di un form
> sembrerebbe il classico uovo di Colombo.
> Infatti, se un campo di un form ha una label, mettiamo Password, ed un testo
> a corredo del tipo "inserire minimo 10 caratteri alfanumerici, evitando di
> usare caratteri speciali", per poter far leggere allo screen-reader tutto,
> label ed il resto, basta inserire tutto nella label, avendo l'accortezza di
> mettere un ritorno a capo dopo la label originale ed inserendo il testo
> successivo in una span con relativa classe, sempre all'interno della label.
> Voi siete tutti bravi a programmare il web, e credo che sia giusto
> rispettare anche la visione dei contenuti sulla pagina, quindi, visto che
> con questa soluzione si salva capra e cavoli, cosa ne pensate?
>
> Dal punto di vista della correttezza del codice sembra tutto regolare,
> quindi, non vi sembra una soluzione semplice ed efficace?
>
> Cordiali saluti.
>
> Nunziante Esposito
> Per la Commissione Osservatorio Siti Internet
> Dell'Unione Italiana dei Ciechi e degli Ipovedenti.
> e-mail:
> commissioneosi a uiciechi.it
> Home page:
> http://www.uiciechi.it/osi
> Tel.: 3392026516
> Contatto Skype: nunziante


Maggiori informazioni sulla lista webaccessibile