luxAriaLabel v15

luxAriaLabel

• luxAriaLabel
  • Overview / API
    • Allgemein
    • @Input
  • Beispiel

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	luxAriaLabel

@Input

Name	Typ	Beschreibung
luxAriaLabel	string	Die Bezeichnung für Screenreader.
luxAriaLabelSelector	string	Über den CSS-Selector (z.B. button) kann das Element beeinflusst werden, an dem das Aria-Attribut gehängt wird.

Beispiel

Html

<lux-button
  luxIconName="lux-interface-delete-1"
  luxAriaLabel="Nachricht schließen"
></lux-button>