Area cliccabile striminzita? Allarghiamola

21 febbraio 2008 at 18:01 Lascia un commento

Il web dev’essere COMODO. Un’interfaccia con pulsanti ampi e spaziosi dove cliccare senza essere troppo precisi migliora la rapidità d’uso dell’applicazione e diminuisce la frustrazione dell’utente.

A questo proposito ci viene in aiuto CSS: basta infatti uno stile tipo questo per aumentare l’area cliccabile di un link:

A{display:block;*width:100%;padding:1em;}

E per checkbox radio buttons cosa si può fare? Ho realizzato un esempio che si basa sull’utilizzo di LABEL, che come molti di voi sapranno, quando cliccato seleziona/deseleziona il campo input ad esso legato. Il pregio è che non servono ne JavaScript ne links, il difetto è che non è il massimo dell’accessibilità mettere il campo INPUT all’interno del LABEL… ma se l’accessibilità non è tra le nostre priorità, siamo a posto!

http://www.mephit.it/jure%5Fwordpress%5Fcom/check/check.htm

EDIT (07/03/2008): Il W3C ammette l’uso di INPUT all’interno di LABEL, e nella definizione delle norme del WAI viene mostrato un esempio analogo,  quindi nessun problema per l’accessibilità!

Entry filed under: CSS. Tags: .

jSpinner control Forzare un download anche su IE

Lascia un commento

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...

Trackback this post  |  Subscribe to the comments via RSS Feed


Categorie

JavaScript String .replace

Archivi

Seguimi su Twitter


%d blogger cliccano Mi Piace per questo: