Testo focalizzabile

This page is not available in the language you requested. You have been redirected to the English version of the page.
Link to this page copied to clipboard
Not for use with personal data

La norma WCAG 2.0 - 1.3.2 A Impatto - Critico

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

  1. Attiva VoiceOver
  2. Prova a concentrarti sull'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 è 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:

  1. Passare all'elemento di testo.
  2. Verificare che il pannello Inspector sia visibile.
  3. Selezionare L'Ispettore identità.
  4. 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.