Testo focalizzabile

Scopri come utilizziamo l'intelligenza artificiale per questa regola!

Le visualizzazioni contenenti testo dovrebbero poter ricevere il focus tramite tecnologie assistive come TalkBack.

Impatto

Le persone che utilizzano TalkBack e sono affette da cecità o ipovedenza sono le più influenzate. Gli elementi di testo devono essere focalizzabili in modo che uno screen reader possa trasmettere le informazioni all'utente finale.

Conferma

1. Attiva TalkBack
2. Prova a mettere a fuoco l'elemento di testo
3. Si verificherà una delle seguenti situazioni:
   • Inaccessibile: l'elemento di testo non sarà in grado di ricevere il focus.
   • Accessibile: l'elemento di testo riceve il focus da TalkBack.

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.

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

React Native

Gli elementi di testo sono accessibili per impostazione predefinita. Dovrai verificare che il testo sia significativo e fornisca un contesto. Non disattivare l'accessibilità utilizzando direttamente la proprietà accessible={false} sul componente Testo o la proprietà importantForAccessibility='no-hide-descendants' sul componente padre.