Accessibilità


target blank VS accessibilità (e validazione)

08 Gennaio 2007

Le regole che definiscono una pagina web accessibile impongono di utilizzare un DTD di tipo STRICT.  Con questo tipo di DTD non è possibile utilizzare l'attributo "target=_blank" nei link per
aprire link in nuove finestre
.

Presento qui un piccolo trucchetto per ovviare al problema utilizzando Javascript (jQuery):

$(document).ready(function() {
    // Gestione dei link in nuova finestra.
    $("a.external").attr("target", "_blank");
});

Al caricamento della pagina questo codice va a trovare tutti i link aventi classe external e li modifica in modo da aggiungere l'attributo _blank.

In questo modo il sorgente della pagina è perfettamente validato e la pagina mantiene in toto la sua totale accessibilità.

Ho visto anche altre soluzioni che consistono nell'aggiungere eventi onClickonKeyPress per gestire l'apertura di finestre di pop up (non riesco a recuperare il link all'articolo perchè l'ho visto circa un mese fa!). In ogni caso per chi usa jQuery questa è una soluzione molto semplice e veloce da implementare.