2016-08-03 18 views
3

Wer weiß, wie man zugänglichkeit in Angular 2 mit Typoskript implementieren?Angular 2 mit 508 zugänglichkeit

Angular 2 hat Zugänglichkeit (ARIA-fähigen) -Funktion, aber ich habe keine Art von Proben/Beispiele finden, suchte ich viel, aber nichts gefunden. Kann jemand es implementieren?

+0

Was ist 508 in diesem Zusammenhang? – Pavlo

+0

ist ein 508 Zugänglichkeitsstandard. – Shree

+0

Könnten Sie einen Link hinzufügen? – Pavlo

Antwort

3

Sie können Gebrauch alle Arie Attribute mithilfe von Attribut Bindung:

<!-- create and set an aria attribute for assistive technology --> 
<button [attr.aria-label]="actionName">{{actionName}} with Aria</button> 

Zum Beispiel können Sie die Arie Rolle Attribut auf einem div Behälter verwenden, wie unten dargestellt:

<div [attr.role]="ariaRole"> 

[attr.role] bindet t Er Rollenattribut für das Ergebnis des Ausdrucks ariaRole.


Sie können alle verfügbaren Plätze here aria-Attribute.

+0

danke , bedeutet, dass wir das Attribut ** role ** verwenden müssen. – Shree

1

ähnlich muetzerich, fand ich, dass die folgenden Werke für mich für eine Arie Eigenschaft wie Arie versteckt mit dem Wert in den Variablen setzen „detailsHidden“

<div [attr.aria-hidden]="detailsHidden"> 

Angular2 docs with info on using Aria hier.

Hier ist ein plunker with an example.

+0

nett, es ist sehr hilfreiches Eigentum. – Shree

+0

Können Sie ein Beispiel für eine Aria-Immobilie angeben? – Darshita

+0

@Darshita suchen Sie eine Liste von Aria Eigenschaften? Hier ist die W3C-Dokumentation zu Aria. Abschnitt 3 ist eine Liste der zulässigen Aria-Rollen, -Zustände und -Eigenschaften: https://www.w3.org/TR/html-aria/ – mkimmet