Nome elemento nidificato

Scopri come utilizziamo l'intelligenza artificiale per questa regola!

Una vista focalizzabile dovrebbe avere tutto il testo visibile all'interno del suo nome accessibile disponibile per tecnologie assistive come TalkBack e Voice Access.

Impatto

Le persone che utilizzano TalkBack sono quelle maggiormente colpite. Gli sviluppatori possono aggiungere paragrafi di testo a un elemento di accessibilità del contenitore, ma TalkBack potrebbe non leggere tutto il testo all'interno del contenitore. Per questo motivo, chi utilizza TalkBack potrebbe non essere a conoscenza di tutto il testo visualizzato sullo schermo.

Conferma

1. Attiva TalkBack
2. Focalizzarsi sull'elemento di accessibilità contenente il testo
3. Si verificherà una delle seguenti situazioni:
   • Inaccessibile: TalkBack non leggerà il testo.
   • Accessibile: TalkBack leggerà tutto il testo contenuto nell'elemento selezionato.

Come risolvere

XML

Evitare di impostare la importantForAccessibility proprietà sulle visualizzazioni di testo no. Le visualizzazioni a cui le persone possono accedere senza tecnologie assistive dovrebbero essere disponibili anche per coloro che utilizzano tecnologie assistive.

Compose

Evitare di contrassegnare gli elementi di Compose Text come invisibleToUser. Le visualizzazioni a cui le persone possono accedere senza tecnologie assistive dovrebbero essere disponibili anche per coloro che utilizzano tecnologie assistive.

Nell'esempio seguente, rimuovere invisibleToUser per garantire che le visualizzazioni siano disponibili per le persone che utilizzano tecnologie assistive.

Row {
    Text("Welcome to Deque")
    Text("I am a text element.", modifier = Modifier.semantics {
        //Remove the below API to make it accessible
        invisibleToUser()
    })
}

React Native

Un problema riscontrato da questa regola nelle viste di React Native indica un uso improprio della proprietà importantForAccessibility . Se si utilizza la proprietà, assicurarsi che NON sia impostata su no-hide-descendents.