Ingranditore di schermo

Un ingranditore di schermo è un software assistivo che ingrandisce una porzione dello schermo per gli utenti con ipovisione. L’utente visualizza una regione ingrandita (fattori tipici da 2× a 16×) che segue il mouse, il focus da tastiera o il cursore di testo.

Gli ingrandi­tori di schermo sono utilizzati da un’ampia popolazione di utenti:

• Adulti con ipovisione affetti da condizioni come la degenerazione maculare, la retinopatia diabetica, il glaucoma e varie forme di retinite pigmentosa.
• Utenti anziani con declino visivo legato all’età che non hanno ricevuto una diagnosi di disabilità, ma necessitano di un ingrandimento significativo per leggere.
• Utenti con fotosensibilità che non riescono a leggere comodamente i contenuti nelle dimensioni native, ma possono leggere il contenuto ingrandito presentato nella propria palette di contrasto preferita.

Il numero totale di utenti di ingrandi­tori di schermo è ben superiore a quello degli utenti di screen reader — stimato in decine di milioni a livello globale — poiché l’ipovisione è più diffusa della cecità totale.

I principali prodotti

• Windows Magnifier — integrato in Windows; gratuito; le versioni moderne supportano le modalità a schermo intero, a lente e ancorata. Adeguato per l’uso quotidiano; privo di alcune funzioni professionali.
• macOS Zoom — integrato in macOS; si configura tramite Impostazioni di sistema → Accessibilità → Zoom. Funzionalità comparabili a quelle di Windows Magnifier.
• ZoomText (Vispero, la società produttrice di JAWS) — commerciale; punto di riferimento storico per gli utenti professionali di ingrandi­tori. Aggiunge palette di contrasto personalizzate, tracciamento intelligente che segue il layout del documento, integrazione con l’output vocale e ingrandimento in alta definizione.
• MAGic (Vispero) — prodotto precedente di Vispero, con un profilo simile a ZoomText e un’integrazione vocale opzionale.
• iOS Zoom — integrato in iOS; ingrandimento controllato tramite gesti. Ampiamente utilizzato su dispositivi mobili.

Considerazioni sull’interfaccia utente per gli ingrandi­tori

Gli utenti di ingrandi­tori di schermo vedono solo una piccola porzione dello schermo in qualsiasi momento. Scelte di design e sviluppo che funzionano perfettamente a schermo intero possono creare problemi per gli utenti di ingrandi­tori:

• Tooltip e popover che appaiono lontano dall’elemento di attivazione. Un tooltip che compare in cima alla pagina quando l’utente passa il cursore su un pulsante in fondo è invisibile per chi usa un ingranditore con il viewport posizionato sul pulsante. I popover devono essere posizionati accanto al loro elemento di attivazione.
• Finestre modali che si aprono fuori centro. Un modal che si apre al di fuori del viewport ingrandito sembra non fare nulla. L’utente attiva il trigger e lo schermo sembra invariato. I modal devono essere centrati sull’elemento che ha il focus, non semplicemente sulla pagina.
• Contenuto importante legato alla posizione del mouse. Il pattern «trascina il cursore per vedere il valore» richiede all’utente di seguire sia la maniglia del cursore sia il display del valore — di norma su lati opposti del controllo. Con un ingrandimento 8× non è possibile vedere entrambi. Il valore va mostrato in corrispondenza della maniglia.
• Indicatori di focus che non si estendono all’intera area interattiva. Un bordo di focus sottile di 1 pixel è invisibile a 8× perché l’ingranditore ridimensiona lo stesso numero di pixel fisici.
• Modifiche del layout al passaggio del mouse o al focus. Se il layout si sposta quando un elemento riceve il focus, l’ingranditore perde il riferimento visivo. Il layout deve rimanere ancorato.

Cosa prevede WCAG

Diversi criteri WCAG servono implicitamente gli utenti di ingrandi­tori:

• 1.4.4 Ridimensionamento del testo (AA) — il testo può essere ingrandito fino al 200 % senza perdita di contenuto o funzionalità. Un utente che utilizza esclusivamente l’ingranditore potrebbe ricorrere all’ingrandimento a livello hardware anziché al ridimensionamento del testo nel browser, ma la disciplina di design sottostante (non vincolare i layout a dimensioni di testo ridotte) è la stessa.
• 1.4.10 Adattamento (AA) — il contenuto deve adattarsi a 320 pixel CSS di larghezza senza scorrimento orizzontale. Utile quando il viewport ingrandito è stretto.
• 1.4.11 Contrasto dei componenti non testuali (AA) — i controlli interattivi e il contenuto visivo necessitano di un contrasto 3:1. Fondamentale per gli utenti di ingrandi­tori, la cui risoluzione effettiva è ridotta.
• 1.4.13 Contenuto al passaggio del cursore o al focus (AA) — il contenuto che appare al passaggio del cursore o al focus deve essere dismissibile, esplorabile con il puntatore e persistente. Gli utenti di ingrandi­tori perdono frequentemente i target al passaggio del cursore quando la vista ingrandita si sposta.

Il controllo manuale più rapido

Attivare l’ingranditore del sistema operativo a 4× e utilizzare il sito per cinque minuti. Ogni momento di «dove è finito?» o «sta ancora caricando?» è probabilmente un problema di accessibilità per gli utenti di ingrandi­tori.