luxAriaRole v15 - IHK-GfI/lux-components GitHub Wiki

luxAriaRole

Overview / API

Allgemein

ARIA steht für Accessible Rich Internet Applications.

Über die LUX-ARIA-XXX-Direktiven können die LUX-Components mit ARIA-Tags versehen werden, um möglichst barrierefreie Anwendungen zu erstellen.

Name Beschreibung
import LuxDirectivesModule
selector luxAriaRole

@Input

Name Typ Beschreibung
luxAriaRole string Gibt die Rolle (z.B. region, button, list, listitem,...) des Elements an.
luxAriaRoleSelector string Über den CSS-Selector (z.B. button) kann das Element beeinflusst werden, an dem das Aria-Attribut gehängt wird.

Beispiel

Html

<lux-card
  luxTitle="Wichtiges Beispiel"
  luxAriaRole="region"
  luxAriaLabel="Bitte das Beispiel beachten"
>
  <lux-card-content> ... </lux-card-content>
</lux-card>
⚠️ **GitHub.com Fallback** ⚠️