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.
