Controlli HTML disabilitati ed accessibilità

Lo sapevate che i controlli disabled o readonly, grazie anche al comportamento abbastanza insano di MSIE, mandano letteralmente a ………..  l’accessibilità? Questo perchè il browse disegna testo grigio su sfondo sempre grigio. Addio contrasto epr gli ipovedenti.

Fortunatamente basta qualche furbo selettore CSS per riprendere il controllo.

input[disabled], input[readonly], select[disabled], 

select[readonly], checkbox[disabled], checkbox[readonly],

textarea[disabled], textarea[readonly]

{
  background-color: #dcdcdc;
  color: #000000;
  cursor: default;
}

53 CSS-Techniques You Couldn’t Live Without

Credo di avere trovato una nuova ed interessante fonte di ispirazione per rende più accattivante la grafica di questo (e qualunque altro, se mai dovesse servire) sito web. Il punto semmai è trovare il tempo per sperimentare anche solo una delle 53 Tecniche CSS illustrate in questo articolo. Il link mi è stato fornito da quest’altra interessante pagina.

Technorati Tags: ,