Fw

Wordpress Creative Developer

Realizzare Un Sito Accessibile – I Form

  • Accessibilità
  • -

Continua la rubrica sull’accessibilità dei siti dove andremo a vedere quali sono le tecniche per rendere il tuo sito o quello dei tuoi clienti accessibile a utenti disabili e non.

Oggi andremo a vedere come realizzare dei form accessibili.

Creare Dei Form Accessibili

Prima di andare a vedere nei dettagli quali sono gli accorgimenti da adottare voglio farti riflettere su una cosa: vai a vedere questa splendida raccolta di form realizzata da web designer depot: sai quanti sono i form pienamente accessibili? UNO SOLO

Esempio di Form Accessiblie

Questo per dire che molte volte si commette l’errore di pensare solo alla creatività, trascurando i potenziali utenti del nostro sito e quali difficoltà potrebbero incontrare nella navigazione.

Andiamo a vedere ora come creare un form accessibile.

TAG Fieldset

Il tag fieldset permette il raggruppamento di elementi omogenei, e tramite il tag <legend> possiamo dare un nome al gruppo.

Esempio codice

filter by

E il risultato che si ottiene è questo:

Utilizzo tag fieldset

TAG Label

Il tag <label> permette di indicare un’etichetta per il nome del campo e di legarli insieme, utilizzando l’attributo for dove si indica il nome del campo da associare.

Esempio codice



Attributi tabindex e accesskey

Infine l’ultimo accorgimento da utilizzare, specialemente per gli utenti non vedenti è quello di facilitare la loro navigazione dando delle scorciatoie da tastiera per i vari campi del form.

L’attributo tabindex permette di stabilire l’ordine con cui si accede ai campi premendo il tasto TAB, mentre l’accesskey consente di accedere a un determinato campo con una combinazione di tasti.

Esempio codice



Come vedi non bisogna fare grandi cose per permettere a chiunque di navigare facilmente nel tuo sito. Tu li usi questi accorgimenti? Li conoscevi già? Ce ne sono altri che mi sono dimenticato?

4 Commenti

  1. […] This post was mentioned on Twitter by Mirko D'Isidoro, fedeweb. fedeweb said: Realizzare Un Sito Accessibile – I Form: Continua la rubrica sull’accessibilità dei siti dove andremo a vedere qua… http://bit.ly/9Oa03D […]

  2. Incredible! This blog looks exactly like my old one!
    It’s on a entirely different subject but it has pretty much the
    same page layout and design. Outstanding choice
    of colors!

    Here is my web site – シャネル バッグ 超安

  3. An outstanding share! I have just forwarded this onto a colleague who
    had been doing a little homework on this.
    And he in fact ordered me lunch because I discovered it
    for him… lol. So let me reword this…. Thanks for the
    meal!! But yeah, thanks for spending some time to talk about this issue here on your site.

  4. The employers want to know what special qualities you have and
    what new you can bring to the table. Pharmacies are usually paid by third-party insurance companies for
    all the prescription medication that they dispense. Refer to the application for these additional requirements.

    Feel free to surf to my weblog :: amoxil pharmacy massacre medford

Scrivi un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *