jQuery e accessibilità: nascondere gli elementi
Gabriele Romanato | luglio 6th, 2010 | 1 Comment »
Uno dei problemi maggiori della libreria jQuery è che spesso fa ricorso alla dichiarazione display: none per nascondere gli elementi. Tale dichiarazione viene purtroppo interpretata dai lettori di schermo impedendo loro di leggere il contenuto di un elemento. Possiamo ovviare a questo problema usando due metodi custom che andremo ad aggiungere al core della libreria, estendendone così le funzionalità.
$.fn.hideAccessible = function() {
this.css({
position: 'absolute',
top: '-1000em'
});
}
Il primo metodo, che abbiamo chiamato hideAccessible(), usa il posizionamento assoluto negativo per nascondere un elemento dalla pagina. Il suo uso è il seguente:
$('#test').hideAccessible();
Ovviamente, per eseguire l’operazione inversa avremo bisogno di un metodo analogo ma all’opposto. Eccolo:
$.fn.showAccessible = function() {
this.css('position', 'static');
} Read More
Noi crediamo nella Rete e nella condivisione della conoscenza
Fare rete, condividere esperienze, progetti, soluzioni e conoscenza, significa entrare in una nuova dimensione, dove la professione di ognuno è la massima espressione di un senso comune di appartenenza e di valori.
Fare rete significa oggi, non solo non essere più soli ma avere il massimo vantaggio competitivo in termini di qualità e di opportunità affinché il cliente finale possa vincere in un mercato globalizzato, sempre più aggressivo.










