Questa traduzione non è ancora stata rivista dalla redazione. Fa fede la versione tedesca. Deutsche Fassung →
Barrierefreiheit
Il mio sito Web deve funzionare sia in verticale che in orizzontale?
Sì: il tuo sito Web deve essere utilizzabile sia in verticale che in orizzontale e non deve forzare un orientamento. Il motivo è concreto — alcune persone non possono ruotare il loro dispositivo, ad esempio perché il tablet è montato fisso su una sedia a rotelle. Un sito che funziona solo in orizzontale esclude completamente questi visitatori.
L'orientamento forzato esclude i visitatori
La maggior parte dei siti Web si adatta automaticamente all'orientamento del dispositivo. I problemi sorgono quando il design o il codice prescrivono un orientamento: un messaggio "Per favore, ruota il tuo dispositivo", un'area video utilizzabile solo in orizzontale, un modulo di prenotazione che viene tagliato in verticale. Per la maggior parte degli utenti, questo è un inconveniente — per le persone con dispositivi montati fissi, è una porta chiusa. Sono colpiti anche gli utenti i cui dispositivi sono bloccati dalla rotazione per motivi di salute, come le vertigini. La regola conosce un'eccezione ristretta: dove un orientamento è necessario dal punto di vista della materia — ad esempio in un'applicazione di tastiera pianoforte — può essere prescritta. Per i normali siti Web aziendali, tali motivi praticamente non esistono.
Come il nostro nucleo di misurazione verifica l'orientamento
Il nostro nucleo di misurazione visualizza il tuo sito in un vero browser a diverse larghezze di schermo — da una stretta visualizzazione mobile a una visualizzazione larga da scrivania — coprendo così le tipiche larghezze verticali: ciò che trabocca orizzontalmente o viene tagliato lì fluisce come rilievo nell'area di verifica Responsive. Se una pagina blocca attivamente l'orientamento o richiede la rotazione al di là, spesso si mostra solo su un dispositivo reale e nel comportamento della pagina — questo è giudicato con lo standard Gold da una persona che utilizza la pagina in entrambi gli orientamenti. Il rapporto distingue chiaramente tra ciò che è stato misurato e ciò che è giudizio umano.
Beispiele
Querformat erzwungen
<meta name="viewport" content="width=device-width">
<script>screen.orientation.lock("landscape");</script>
<style>@media (orientation: portrait) { body { display: none } }</style><meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.tabelle { overflow-x: auto; }
</style>Ein Tablet am Rollstuhl ist fest montiert. Die Seite passt sich der Lage an; breite Inhalte bekommen einen eigenen Scrollbereich.
- Apri il tuo sito Web su un cellulare e ruota il dispositivo — ogni funzione deve rimanere raggiungibile in entrambi gli orientamenti.
- Rimuovi i messaggi popup come "Per favore, ruota il tuo dispositivo" — sono il segno più chiaro di un orientamento forzato.
- Testa i moduli e i processi di prenotazione specificamente in verticale, è dove gli abusi si verificano più frequentemente.
- Chiedi alla tua agenzia di confermare che nel codice non è impostato alcun blocco di orientamento.
- Controlla i contenuti incorporati come video e mappe in entrambi gli orientamenti — i componenti di terze parti portano i loro blocchi.