Link esterni che si aprono in nuove pagine e tab

È un link che, quando è cliccato, apre una nuova tab o finestra pop-up. I link che escono dal sito includono target _blank nel tag html <a>.

Può essere disorientante e può causare problemi di accessibilità per persone che non possono vedere che si è aperta una nuova tab. Non possono sapere dove sono arrivate e come tornare indietro.

Un link esterno non offre alcuna informazione sull’apertura della nuova tab. Certo che questa accessibilità ha un sacco di limiti.

Sì, ad esempio per:

1. Istruzioni molto lunghe durante la compilazione di un form. Meglio aprire una nuova tab per evitare di cancellare i dati inseriti;
2. Termini e condizioni durante il checkout in un E-commerce. Meglio aprire una nuova tab per evitare di cancellare i dati del carrello;
3. Link fuori da una sessione sicura, come in un account bancario.

Basta seguire alcune tecniche. Qui ne trovi 5.

Aggiungi le parole “apre una nuova tab” all’interno del testo del link. Aggiungi anche i tag rel noreferrer noopener per evitare rischi di reverse tabnabbing (fonte GOV.UK).

Aggiungi un testo con classe css sr-only, quindi annunciabile solo su Screen Reader (fonte Museo Tattile Statale Omero nella sezione dei link Social)

Per evitare testi ripetitivi, aggiungi un testo prima dei link, con classe css sr-only, quindi annunciabile solo su Screen Reader (fonte GOV.UK).