Testo focalizzabile
Le visualizzazioni contenenti testo dovrebbero poter essere attivate tramite tecnologie assistive come VoiceOver.
Impatto
Le persone non vedenti o ipovedenti che utilizzano VoiceOver sono le più interessate. Gli elementi di testo devono essere focalizzabili in modo che uno screen reader possa trasmettere le informazioni all'utente finale.
Conferma
- Attiva VoiceOver
- Prova a concentrarti sull'elemento di testo
- Si verificherà una delle seguenti situazioni:
- Inaccessibile: l'elemento di testo non sarà in grado di ricevere il focus.
- Accessibile: l'elemento di testo è focalizzato da VoiceOver.
Come risolvere
Un problema rilevato da questa regola è causato da un elemento di testo non contrassegnato come elemento di accessibilità. Se è presente una vista padre focalizzabile, non è necessario che il testo sia singolarmente focalizzabile. Un esempio potrebbe essere un'etichetta per un controllo o il testo descrittivo di un controllo.
UIKit
Per risolvere il problema nello Storyboard:
- Passare all'elemento di testo.
- Verificare che il pannello Inspector sia visibile.
- Selezionare L'Ispettore identità.
- In "Accessibilità", seleziona la casella di controllo "Abilitato".
Per correggere nel codice:
Rendi l'elemento di testo attivabile tramite VoiceOver:
label.isAccessibilityElement = true
SwiftUI
In SwiftUI, gli elementi di testo sono accessibili per impostazione predefinita. Dovrai verificare che il testo sia significativo e fornisca un contesto. Non disattivarne l'accessibilità utilizzando il modificatore di visualizzazione nascosta dell'accessibilità.
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à accessibilityElementsHidden=true
sul componente padre.