Questa traduzione non è ancora stata rivista dalla redazione. Fa fede la versione tedesca. Deutsche Fassung →
Responsive
Come si testa un singolo elemento su tutte le dimensioni di schermo?
Un singolo elemento viene testato affrontandolo in modo specifico e misurando su ogni dimensione di dispositivo individualmente. Il servizio di verifica fa esattamente questo: cerca l'elemento denominato — ad esempio una tabella dei prezzi, un modulo di registrazione o un calendario incorporato — su smartphone, tablet e desktop e verifica se è presente e visibile, si adatta completamente alla larghezza del dispositivo e può essere utilizzato bene.
Queste domande risponde il test degli elementi
Per ogni dimensione di dispositivo la verifica risponde a cinque domande. L'elemento è presente? Alcuni componenti scompaiono completamente su schermi piccoli. È visibile, con larghezza e altezza misurabili? Si adatta alla larghezza del dispositivo o sporge lateralmente oltre il bordo dello schermo? Tutte le superfici di controllo in esso — pulsanti, link, campi di input — sono almeno 24 per 24 pixel come richiede la regola di accessibilità WCAG 2.5.8? E ogni testo rimane completamente leggibile, invece di essere troncato? Per ogni profilo di dispositivo il rapporto fornisce uno screenshot marcato dove l'elemento testato è evidenziato — lo stato è così documentato, non solo affermato.
Allora vale la pena guardare un singolo elemento
Il test mirato è lo strumento giusto quando una determinata posizione preoccupa o è stata appena riparata. Casi tipici: una tabella dei prezzi sporgeva sul telefono oltre il bordo e dopo la correzione si deve documentare che ora si adatta a tutte e quattro le dimensioni di dispositivo. Un nuovo modulo di contatto deve essere testato per l'usabilità prima della messa in servizio. O un contenuto esterno incorporato — una mappa, una finestra di prenotazione, un widget di valutazione — si comporta diversamente dal resto della pagina perché proviene da un altro provider. Invece di testare di nuovo l'intera pagina, il test degli elementi fornisce una risposta chiara a esattamente quel punto.
- Denominate l'elemento che vi preoccupa il più specificamente possibile — ad esempio «la tabella dei prezzi sulla pagina dell'offerta».
- Dopo ogni riparazione, testate specificamente l'elemento interessato su tutte e quattro le dimensioni di dispositivo, invece di fare affidamento sull'impressione del desktop.
- Guardate gli screenshot marcati nel rapporto — mostrano l'elemento nello stato di ogni dimensione di dispositivo.
- Fate testare separatamente i contenuti esterni come mappe o finestre di prenotazione, perché seguono regole proprie.