Condividi tramite

Sviluppo di app inclusive per Windows

Questo articolo descrive come creare app di Windows accessibili per l'utilizzo reale con assistive technology. Presuppone che tu abbia già compreso la gerarchia logica e il modello di interazione dell'app e si concentra sulle aree di implementazione che influiscono maggiormente sull'usabilità: accesso a livello di codice, spostamento tramite tastiera e comportamento di colore/contrasto.

Le linee guida sono destinate ai team di progettazione che considerano l'accessibilità come requisito del prodotto e la verifica automatica dell'accessibilità come parte dei controlli di qualità standard e di sviluppo.

Se non l'hai ancora fatto, si prega di iniziare leggendo Progettazione di software inclusivo.

Esistono tre aree principali da convalidare nell'implementazione dell'accessibilità:

  1. Esporre gli elementi dell'interfaccia utente a accesso a livello di codice.
  2. Assicurati che l'app supporti di spostamento tramite tastiera per gli utenti che non sono in grado di usare un mouse o un touchscreen.
  3. Assicurati che la tua app supporti le impostazioni di colore e contrasto accessibili.

In pratica, queste aree devono essere convalidate continuamente. Aggiungere controlli automatizzati di accessibilità per le esperienze principali alla pipeline di integrazione continua, quindi utilizzare i test manuali con tecnologia assistiva per confermare il comportamento sfumato che l'automazione da sola non può verificare.

Accesso programmatico

L'accesso a livello di codice è la base per l'accessibilità in qualsiasi interfaccia utente moderna. In pratica, ciò significa fornire un nome accessibile (obbligatorio) e una descrizione (facoltativo) per il contenuto e gli elementi interattivi in modo che siano rappresentati correttamente nell'albero di automazione interfaccia utente. Ciò consente alla tecnologia assistiva (AT), come i lettori di schermo (ad esempio, l'Assistente vocale) e i display Braille, di individuare in modo affidabile lo scopo, lo stato e le azioni disponibili.

Senza metadati programmatici accurati, la tecnologia assistiva non può interpretare correttamente l'interfaccia utente, il che porta a un output incompleto o fuorviante, costringendo la tecnologia assistiva a tentare tecniche di fallback non destinate all'accessibilità. Quando i controlli vengono esposti correttamente, AT può presentare lo stesso modello praticabile per tutti gli utenti.

Per ulteriori informazioni su come rendere disponibili gli elementi dell'interfaccia utente dell'app alle tecnologie assistive (AT), vedere Esporre informazioni di accessibilità di base.

Spostamento tramite tastiera

Lo spostamento tramite tastiera affidabile è essenziale per gli utenti che sono ciechi, hanno una visione bassa o hanno vincoli di input correlati alla mobilità. Allo stesso tempo, solo i controlli che supportano un'interazione significativa devono partecipare alla sequenza di schede. Il contenuto non interattivo, ad esempio immagini decorative statiche, non dovrebbe in genere ricevere il focus.

A differenza dell'interazione con il puntatore, l'interazione tramite tastiera è lineare e con stato. Definire un ordine di spostamento prevedibile che rifletta l'architettura delle informazioni e il flusso di attività. Ad esempio, nella maggior parte delle impostazioni locali da sinistra a destra è prevista una progressione dall'alto verso il basso, da sinistra a destra.

Quando si progetta il comportamento della tastiera, esaminare l'interfaccia utente e rispondere a queste domande:

  • In che modo i controlli sono disposti o raggruppati nell'interfaccia utente?
  • Esistono alcuni gruppi significativi di controlli?
  • In caso affermativo, questi gruppi contengono un altro livello di gruppi?
  • Tra i controlli peer, lo spostamento deve usare il tab, i tasti direzionali (come le frecce) o entrambi?

L'obiettivo è aiutare gli utenti a comprendere rapidamente il layout e raggiungere controlli interattivi. Se una schermata richiede troppi passaggi di tabulazione per completare un'attività comune, raggruppare i controlli correlati e rivalutare i limiti di messa a fuoco. I controlli compositi o ibridi spesso richiedono la progettazione esplicita della tastiera in anticipo; la riprogettazione del comportamento della tastiera in ritardo nello sviluppo è spesso costosa e soggetta a errori.

Per altre informazioni sullo spostamento tramite tastiera tra gli elementi dell'interfaccia utente, vedere Accessibilità da tastiera e il capitolo Engineering Software for Accessibility eBook su questo argomento intitolato Progettazione della gerarchia logica.

Colori e contrasto

Il contrasto elevato è una funzionalità di accessibilità integrata di Windows che aumenta la distinzione percepita tra il contenuto in primo piano e quello in background. Per molti utenti, questo riduce l'affaticamento visivo e migliora la leggibilità. Quando si convalida l'interfaccia utente a contrasto elevato, verificare che i controlli si basano sulle risorse di sistema anziché sui colori hardcoded in modo che tutto il contenuto rimanga visibile e utilizzabile.

<Button Background="{ThemeResource ButtonBackgroundThemeBrush}">OK</Button>

Per altre informazioni sull'uso dei colori e delle risorse di sistema, vedere risorse di tema XAML.

Se non hai eseguito l'override del comportamento del colore del sistema, le app di Windows supportano in genere temi a contrasto elevato per impostazione predefinita. Quando un utente abilita un tema a contrasto elevato nelle impostazioni di sistema o negli strumenti di accessibilità, il framework applica risorse e stili con riconoscimento del contrasto elevato per produrre un rendering accessibile di controlli e componenti dell'interfaccia utente.

Per altre informazioni, vedere temi a contrasto elevato.

Se si sceglie di usare il proprio tema colori anziché i colori di sistema, applicare queste linee guida:

Rapporto di - contrasto dei coloriI requisiti della sezione 508 negli Stati Uniti, insieme a normative internazionali simili, richiedono un contrasto predefinito sufficiente tra testo e sfondo. In questa guida, specificare come destinazione almeno 5:1 per il testo standard e 3:1 per testo di grandi dimensioni (grassetto da 18 punti o 14 punti).

Combinazioni di colori - Circa il 7% dei maschi (e meno del 1% delle femmine) ha una qualche forma di carenza di visione del colore. Poiché alcune combinazioni di colori sono difficili da distinguere, non usare mai il colore da solo per comunicare lo stato o il significato. Per gli oggetti visivi decorativi (ad esempio icone o sfondi), preferisce combinazioni che mantengano la leggibilità e il riconoscimento delle forme nei profili comuni di visione dei colori.

Elenco di controllo per l'accessibilità

Di seguito è riportato un elenco di controllo abbreviato per l'accessibilità:

  1. Impostare il nome accessibile (obbligatorio) e la descrizione (facoltativo) per i contenuti e gli elementi interattivi dell'interfaccia utente nell'app.
  2. Implementare l'accessibilità tramite tastiera.
  3. Verificare che il testo sia una dimensione leggibile.
  4. Assicurarsi che il contrasto del testo sia adeguato, gli elementi vengono visualizzati correttamente nei temi a contrasto elevato e i colori vengono usati correttamente.
  5. Eseguire gli strumenti di accessibilità, risolvere i problemi segnalati e verificare l'esperienza di lettura dello schermo. Vedere l'argomento Relativo ai test di accessibilità.
  6. Assicurarsi che le impostazioni del manifesto dell'app seguano le linee guida per l'accessibilità.
  7. Dichiarare l'applicazione come accessibile nel Microsoft Store. Vedere l'argomento relativo all'accessibilità nello Store.

Per altri dettagli, vedere l'argomento completo elenco di controllo accessibilità.

  • Last updated on