General Purpose

In XHTML 1.0 Strict il tag a non prevede più l'attributo target. Le motivazioni di tale eliminazione sono da ricercarsi principalmente nell'ambito della User Experience. In particolare, la maggior parte degli utenti si confonde quando si aprono troppe finestre, non desiderate tra l'altro, sul desktop: il problema è stato affrontato anche dalle WCAG 2.0. Questo problema è stato in parte attenuato anche dai browser stessi introducendo la navigazione a schede (tab) permettendo all'utente di avere più pagine aperte nella stessa finestra.

A volte comunque potrebbe essere più usabile visualizzare una risorsa in un'altra finestra (tab). Per poter ottenere l'apertura di nuova finestra (tab) è necessario usare JavaScript, naturalmente facendone un uso saggio e rispettoso delle linee guida per l'accessibilità.

Vediamo come si fa.

Prima di tutto il codice XHTML 1.0 Strict:

<a href="http://w3.org"
   hreflang="en-US"
   onclick="return openNewWindow('http://w3.org')"
>Testo link</a>

Ora non resta che richiamare il file dov'è definita la funzione openNewWindow. Per farlo basta inserire prima della chiusura del tag body il seguente codice:

  ...
  <script type="text/javascript" src="js/newWindow.js"></script>
</body>

Il codice della openNewWindow è molto semplice:

function openNewWindow(link)
	{
		window.open(link, '', '');
		return false;
	}

Anche nel caso l'utente abbia JavaScript disabilitato il link sarà visualizzabile, naturalmente senza aprire una nuova finestra.

Scarica il codice completo