Questa traduzione non è ancora stata rivista dalla redazione. Fa fede la versione tedesca. Deutsche Fassung →
Responsive
Perché un sito Web non deve scorrere lateralmente sul telefono?
Un sito Web non deve scorrere lateralmente sul telefono perché i visitatori raggiungono i contenuti solo spostando la pagina avanti e indietro con il dito. Molti rinunciano prima e abbandonano il sito. La linea guida di accessibilità WCAG quindi richiede nella regola 1.4.10 che il contenuto si adatti alla larghezza dello schermo. Il servizio di verifica misura l'eccedenza in pixel su quattro dimensioni di dispositivo e nomina, dove chiaramente identificabile, l'elemento responsabile.
Così nasce lo scorrimento laterale sul telefono
La causa è quasi sempre un elemento con larghezza fissa: una tabella con molte colonne, un'immagine a grandezza naturale o un componente da un modello creato per schermi grandi. Su un monitor da scrivania questo passa inosservato perché c'è abbastanza spazio. Su uno smartphone da 390 pixel di larghezza lo stesso elemento sporge oltre il bordo e il browser mostra una barra di scorrimento orizzontale. I visitatori vedono solo una parte del contenuto e devono spostare continuamente la pagina durante la lettura. Un singolo elemento troppo largo è sufficiente per rendere l'intera pagina orizzontalmente mobile — ecco perché vale la pena trovare e correggere esattamente questo elemento.
Così il servizio di verifica misura l'eccedenza
La verifica carica la vostra pagina in un browser reale su quattro dimensioni di dispositivo: 390, 768, 1440 e 1920 pixel di larghezza. Poi confronta la larghezza del contenuto con la larghezza dello schermo e tenta effettivamente di scorrere la pagina lateralmente. Solo quando lo riesce vale il rilievo — un'eccedenza che il browser stesso taglia, non produce una barra di scorrimento e quindi non viene segnalata come tale. Ogni misurazione viene eseguita due volte; viene segnalato solo ciò che entrambi i passaggi concordano. Il rapporto nomina l'eccedenza in pixel e, dove chiaramente identificabile, l'elemento responsabile con uno screenshot. Così la vostra agenzia sa subito dove deve intervenire.
Questo richiede la regola di accessibilità WCAG 1.4.10
La regola 1.4.10 («Reflow») della linea guida WCAG richiede che il contenuto si adatti alla larghezza disponibile senza che i visitatori debbano scorrere in due direzioni. L'idea: le persone con problemi di vista ingrandiscono molto le pagine; quello che poi sporge lateralmente va perso per loro. La stessa capacità di adattamento aiuta ogni visitatore con un piccolo schermo — cioè la maggior parte, perché molti siti Web oggi vengono principalmente letti sui telefoni. Un controllo superato è quindi contemporaneamente un passo verso l'accessibilità e verso un sito Web più facile da usare. La verifica è un'indagine tecnica; se la vostra azienda ha obblighi legali, lo chiarisce una consulenza legale.
- Aprite la vostra home page sul vostro telefono e scorrete a sinistra e a destra. Se la pagina si sposta lateralmente, c'è un'eccedenza.
- Controllate in particolare le pagine con tabelle, grandi immagini o video incorporati — l'eccedenza si verifica più spesso lì.
- Passate alla vostra agenzia l'elemento nominato nel rapporto di verifica e il numero di pixel, invece di farla cercare.
- Ripetete lo sguardo al telefono dopo ogni grande modifica del sito Web.