Condividi tramite


Elenco di controllo per l'accessibilità

Questo argomento fornisce consigli per rendere l'app di Windows accessibile e individuabile ai clienti che cercano app accessibili in Microsoft Store.

Annotazioni

Queste indicazioni sono scritte per le app WinUI 3/Windows App SDK. Se si gestisce un'app UWP legacy, le API equivalenti sono disponibili nei Windows.UI.Xaml namespace.

Usare le raccomandazioni seguenti durante la progettazione, l'implementazione e il test. Insieme, coprono le aspettative di accessibilità principali per l'uso della tastiera, il contenuto leggibile, la compatibilità con assistive technology e l'individuabilità di Microsoft Store.

  1. Impostare il nome accessibile (obbligatorio) e la descrizione (facoltativo) per i contenuti e gli elementi interattivi dell'interfaccia utente nell'app.

    Un nome accessibile è una stringa di testo breve e descrittiva usata da un'utilità per la lettura dello schermo per annunciare un elemento dell'interfaccia utente. Alcuni elementi dell'interfaccia utente, ad esempio TextBlock e TextBox , alzano di livello il contenuto del testo come nome accessibile predefinito; vedere Nome dal testo interno.

    È consigliabile impostare esplicitamente il nome accessibile per immagini o altri controlli che non utilizzano il contenuto di testo interno come nome accessibile predefinito. È consigliabile usare le etichette per gli elementi del modulo in modo che il testo dell'etichetta possa essere usato come destinazione LabeledBy nel modello di automazione interfaccia utente Microsoft per correlare etichette e input. Se desideri fornire più indicazioni sulla UI rispetto a quanto solitamente incluso nel nome accessibile, le descrizioni accessibili e i suggerimenti contestuali aiutano gli utenti a comprendere l'interfaccia utente.

    Per ulteriori informazioni, vedi Nome accessibile e Descrizione accessibile.

  2. Implementare l'accessibilità tramite tastiera:

    • Testare l'ordine di tabulazione predefinito per un'interfaccia utente. Modificare l'ordine di indice della scheda, se necessario, che potrebbe richiedere l'abilitazione o la disabilitazione di determinati controlli o la modifica dei valori predefiniti di TabIndex in alcuni elementi dell'interfaccia utente.
    • Usare i controlli che supportano la navigazione con tasti di direzione per gli elementi compositi. Per i controlli predefiniti, lo spostamento con tasti freccia è in genere già implementato.
    • Usare i controlli che supportano l'attivazione della tastiera. Per i controlli predefiniti, in particolare quelli che supportano il modello di automazione interfaccia utente Invoke , l'attivazione della tastiera è in genere disponibile; controllare la documentazione relativa a tale controllo.
    • Impostare i tasti di accesso o implementare i tasti di scelta rapida per le parti specifiche dell'interfaccia utente che supportano l'interazione.
    • Per tutti i controlli personalizzati usati nell'interfaccia utente, verificare di aver implementato questi controlli con il supporto automationPeer corretto per l'attivazione e di definire sostituzioni per la gestione delle chiavi in base alle esigenze per supportare l'attivazione, l'attraversamento e l'accesso o i tasti di scelta rapida.

    Per ulteriori informazioni, vedi le interazioni della tastiera .

  3. Verificare che il testo sia una dimensione leggibile

    • Windows include vari strumenti e impostazioni di accessibilità che gli utenti possono sfruttare e adattarsi alle proprie esigenze e preferenze per la lettura del testo. Questi includono:
      • Lo strumento Lente di ingrandimento, che ingrandisce un'area selezionata dell'interfaccia utente. Assicurati che il layout del testo nella tua app non renda difficile l'uso di Lente di ingrandimento per la lettura.
      • Impostazioni di scalabilità e risoluzione globali in impostazioni di ->sistema- visualizzazione>>scala e layout. Le opzioni di ridimensionamento disponibili possono variare in base alle funzionalità del dispositivo di visualizzazione.
      • Impostazioni delle dimensioni del testo in Impostazioni ->Facilità di accesso ->Schermo. Modificare l'impostazione **Rendi il testo più grande*- per specificare solo le dimensioni del testo nei controlli di supporto in tutte le applicazioni e nelle schermate (i controlli di testo XAML supportano il ridimensionamento del testo senza alcuna personalizzazione aggiuntiva negli scenari standard).

      Annotazioni

      L'impostazione **Rendi tutto più grande*- consente a un utente di specificare le dimensioni preferite per il testo e le app in generale solo sullo schermo principale.

  4. Verificare visivamente l'interfaccia utente per assicurarsi che il contrasto del testo sia adeguato, che gli elementi eseguano correttamente il rendering nei temi a contrasto elevato e che i colori vengano usati correttamente.

    • Usare uno strumento di analizzatore colori per verificare che il rapporto di contrasto del testo visivo sia almeno 4,5:1.
    • Passare a un tema a contrasto elevato e verificare che l'interfaccia utente per l'app sia leggibile e utilizzabile.
    • Assicurarsi che l'interfaccia utente non usi il colore come unico modo per trasmettere informazioni.

    Per altre info, vedi temi a contrasto elevato e requisiti di testo accessibili .

  5. Eseguire gli strumenti di accessibilità, risolvere i problemi segnalati e verificare l'esperienza di lettura dello schermo.

    Usare strumenti come Inspect per verificare l'accesso a livello di codice, eseguire strumenti di diagnostica come AccChecker per individuare errori comuni e verificare l'esperienza di lettura dello schermo con Assistente vocale.

    Per altre informazioni, vedere Test di accessibilità.

  6. Aggiungere controlli di regressione dell'accessibilità automatizzati alla pipeline CI.

    Eseguire controlli automatizzati per le schermate critiche e i flussi nelle richieste pull e nell'integrazione continua. Configurare la pipeline per bloccare le unioni o le versioni quando vengono rilevate regressioni di accessibilità critiche.

  7. Assicurarsi che le impostazioni del manifesto dell'app seguano le linee guida per l'accessibilità, vedi Considerazioni sulla sicurezza per Assistive Technologies.

  8. Dichiarare l'applicazione come accessibile nel Microsoft Store.

    Se hai implementato il supporto per l'accessibilità di base, dichiarando la tua app come accessibile in Microsoft Store, puoi aiutare a raggiungere più clienti e potenzialmente migliorare le valutazioni.

    Per altre info, vedi accessibilità nello Store.