Onaanzienlijke Actie

Wat We Controleren

Een interactief element moet activeerbaar zijn met behulp van ondersteunende technologie. Deze regel controleert of de actie die aan een interactief element is gekoppeld, kan worden gefocust en geactiveerd kan worden met TalkBack of Switch Access.

In Een Oogopslag

• Deze regel heeft een kritieke impact voor gebruikers
• Deze regel markeert interactieve elementen waarop ondersteunende technologie niet kan focussen of die niet geactiveerd kunnen worden
• Interactieve elementen zijn niet beschikbaar voor TalkBack wanneer ze als onbelangrijk voor toegankelijkheid worden gemarkeerd
• Een klikbare ouder met kindelementen die tekst bevatten is niet toegankelijk wanneer deze voor ondersteunende technologie verborgen is

Impact Voor Gebruikers

Gebruikers van ondersteunende technologie worden het meest getroffen. Wanneer TalkBack op een interactief element kan focussen maar deze niet kan activeren, kunnen gebruikers mogelijk geen kritieke acties voltooien — zoals het indienen van een formulier, een instelling schakelen of naar een ander scherm navigeren. Dit creëert een complete barrière voor mensen die volledig afhankelijk zijn van ondersteunende technologie om met de app te communiceren.

Bevestig Probleem met Onaanzienlijke Actie

1. Schakel TalkBack of Switch Access in
2. Probeer te focussen op en met het element te interageren
3. Een van de volgende dingen gebeurt:
   • Niet Toegankelijk: Het element kan niet gefocust worden of zijn actie kan niet worden geactiveerd
   • Toegankelijk: Het element kan worden gefocust en zijn actie kan worden geactiveerd

Problemen Oplossen

Om een probleem met een Onaanzienlijke Actie op te lossen, zorg ervoor dat het interactieve element niet expliciet voor ondersteunende technologie verborgen is. Weergaven die mensen zonder ondersteunende technologie kunnen openen, moeten even toegankelijk zijn voor mensen die er gebruik van maken.

XML

Stel de importantForAccessibility eigenschap niet in op "no" op aanklikbare weergaven. Als dit kenmerk aanwezig is, verwijder het of stel het in op "yes" of "auto".

Compose

Markeer aanklikbare Compose-weergaven niet als invisibleToUser(). Verwijder deze modificator om ervoor te zorgen dat het element beschikbaar is voor TalkBack en Switch Access.

Button(onClick = {  },
    modifier = Modifier.semantics {
        // Remove invisibleToUser() to make this element accessible
        invisibleToUser()
    }
) {
    Text("Click here")
}


FloatingActionButton(onClick = {  }) {
    Image(
        painter = painterResource(id = R.drawable.floating_button),
        contentDescription = "floating button",
        Modifier.semantics { 
            // Remove invisibleToUser() to make this element accessible
            invisibleToUser() 
        }
    )
}

React Native

Dit probleem komt zelden voor bij standaard bedienbare knoppen of drukbare controles in React Native, maar kan optreden bij aangepaste interactieve elementen of wanneer importantForAccessibility expliciet is ingesteld op 'no' of 'no-hide-descendants' op een interactief element.

Optie 1: Laat de bovenliggende weergave de focus afhandelen

Stel de eigenschap van de omringende weergave in op importantForAccessibility en wijs de juiste 'yes' en accessibilityRole toe. accessibilityLabelStel importantForAccessibility in op 'no-hide-descendants' bij decoratieve kindelementen zodat TalkBack ze niet apart focust:

<View
  importantForAccessibility='yes'
  accessibilityRole='button'
  accessibilityLabel='Learn more about Deque'
  onTouchStart={openLink}
>
  <Image 
    source={DequeLogo}
    importantForAccessibility='no-hide-descendants'
    style={{ width: 100, height: 100 }} 
  />
</View>

Optie 2: Laat het element zelf de focus afhandelen

Stel importantForAccessibility='yes' en accessibilityRole direct op de bediening:

<Image
  source={DequeLogo}
  importantForAccessibility='yes'
  accessibilityRole='imagebutton'
  accessibilityLabel='Learn more about Deque'
  onTouchStart={openLink}
  style={{ width: 100, height: 100 }}
/>

Flutter

Flutters Material-widgets (ElevatedButton, IconButton, enz.) maken tikacties automatisch beschikbaar voor de schermlezer. Wanneer je aangepaste interactieve elementen bouwt met GestureDetector, wikkel ze dan in MergeSemantics met een Semantics widget om ervoor te zorgen dat de schermlezer het element kan vinden en activeren in één enkele focusstop.

MergeSemantics(
  child: Semantics(
    button: true,
    label: 'Archive item',
    child: GestureDetector(
      onTap: () {},
      child: Container(
        padding: const EdgeInsets.all(12.0),
        color: Colors.green.shade100,
        child: const Text('Archive item'),
      ),
    ),
  ),
)

Kan ik deze regel negeren?

Niet-toegankelijke actie heeft een Kritische impact voor gebruikers, en we raden sterk aan om deze problemen op te lossen. Omdat dit een experimentele regel is, moet je de resultaten handmatig verifiëren. Als je hebt bevestigd dat het element activeerbaar is door TalkBack, kan het acceptabel zijn om de bevinding te negeren. Lees meer over regels negeren.

Bronnen

Deque University Cursuspagina's

• 2.1.1 Toetsenbord (A)

Opmerking: Volledige toegang tot Deque University-bronnen vereist een abonnement.

Andere Bronnen

• Web Content Accessibility Guidelines (WCAG) 2.1, W3C-aanbeveling
  • Succescriterium 2.1.1 - Toetsenbord
• WCAG 2.1 Inzichtelijke documenten
  • Inzicht in 2.1.1 A - Toetsenbord