Ingranditori dello schermo per il test
Il test è fondamentale per garantire il ridimensionamento e il reflow. In questa sezione verranno presentati alcuni dei processi e degli strumenti utili per il test e il debug del supporto di ridimensionamento e reflow nei prodotti digitali.
Test manuali
Ecco alcuni modi per testare manualmente il sito Web o l'app per il supporto di ridimensionamento e reflow.
- Modificare l'impostazione DPI di visualizzazione
- Regolare l'impostazione Display DPI nel dispositivo.
- Verificare che le app eseguano il rendering come previsto senza dover riavviare.
- Verificare la presenza di problemi di layout
- Cercare eventuali troncamenti o sovrapposizioni di elementi di testo e interfaccia utente.
- Assicurarsi che tutti gli elementi siano visualizzati correttamente.
- Test tra monitoraggi
- Trascinare la finestra dell'app tra monitor con impostazioni DPI diverse.
- Verificare che il rendering dell'app venga eseguito correttamente con la nuova impostazione DPI.
- Ridimensiona finestra applicazione web
- Ridimensionare manualmente la finestra dell'app Web.
- Verificare che la logica di reflow funzioni come previsto.
- Usare il debugger del browser
- Utilizzare il debugger del browser per testare il layout e il reflow.
- Verificare che gli elementi vengano modificati correttamente man mano che le dimensioni della finestra cambiano.
- Impostare dimensioni dello schermo specifiche per i test
- Regola le tue impostazioni di visualizzazione per testare a uno schermo di 320 pixel CSS per 256 pixel CSS.
- Verificare le impostazioni seguenti:
- Imposta il DPI a 100%.
- Regolare la risoluzione a 1280 per 1024.
- Impostare il ridimensionamento del testo su 100%.
- Verificare che il ridimensionamento tecnico del browser sia predefinito.
- Impostare lo zoom del browser su 400%.
- Testare con tecnologie assistive
- Eseguire test su vari dispositivi e dimensioni dello schermo per garantire che il ridimensionamento e il reflow funzionino correttamente. Usare emulatori e dispositivi reali per identificare e risolvere eventuali problemi.
- Eseguire test con lente di ingrandimento dello schermo per garantire il ridimensionamento appropriato.
- Testare con lettori di schermo per garantire la compatibilità. Verificare che gli indicatori di messa a fuoco, i punti di inserimento del testo e le selezioni siano accessibili.
- Testare lo spostamento tramite tastiera per assicurarsi che tutti gli elementi interattivi possano essere accessibili e spostati tramite una tastiera.
- Risultati del documento
- Prendere nota di eventuali problemi o discrepanze durante i test.
- Risolvere eventuali problemi di layout identificati durante i controlli.
Test degli utenti
Il test degli utenti per il ridimensionamento e il supporto del reflow è fondamentale per garantire che i siti Web e le applicazioni siano utilizzabili da tutti, incluse le persone con disabilità. Questo tipo di test consente di identificare e risolvere le barriere che potrebbero impedire agli utenti che usano tecnologie di assistive technology, ad esempio utilità per la lettura dello schermo e i lente di ingrandimento dello schermo, di interagire completamente con i prodotti digitali. Coinvolgere le persone con disabilità nel processo di test, gli sviluppatori possono ottenere informazioni preziose sulle sfide reali e garantire che l'esperienza utente sia inclusiva e accessibile.