Implementierung von ARIA-Labels mit Angular-Direktiven in PrimeNG

Zuerst müssen wir das ngAria-Modul in unsere Angular-Komponente importieren:

import { NgAriaModule } from '@angular/platform-browser';

@NgModule({
  imports: [
    NgAriaModule
  ]
})
export class AppModule { }

<p-dropdown [options]="cities" aria-labelledby="cityLabel"></p-dropdown>
<label id="cityLabel">Choose a city:</label>

Wir können auch die aria-label-Direktive verwenden, um den Labeltext direkt bereitzustellen:

<p-calendar aria-label="Choose a date"></p-calendar>

Durch die Verwendung dieser ARIA-Label-Anweisungen in Verbindung mit PrimeNG-Komponenten können Sie die Zugänglichkeit Ihrer Angular-Anwendung für Benutzer mit Behinderungen verbessern.

Wir empfehlen, die folgende Dokumentation von PrimeNG zu lesen:https://primeng.org/accessibility