ARIA-Rollen und -Attribute vergeben

Sie können für jedes Intrexx-Element im Applikationsdesigner ARIA-Rollen und -Attribute vergeben.

Gezielter Einsatz von ARIA-Rollen und -Attributen

Der Einsatz von ARIA-Rollen und -Attributen ist nicht immer notwendig oder zweckmäßig. Insbesondere folgende Punkte sind beim Einsatz zu bedenken:

  • Grundsätzlich sollten Sie, wenn vorhanden, native HTML-Elemente mit entsprechender Semantik statt ARIA-Rollen und -Attribute verwenden. Beispiel: Um auf einer Seite einen Absatz darzustellen, sollten Sie <p> verwenden und nicht <div role="paragraph">.

  • ARIA-Rollen und -Attribute sollten nicht zu HTML-Markup hinzugefügt werden, wenn dieses schon die gewünschte Semantik hat. Beispiel: <button role="button">.

  • ARIA-Rollen und -Attribute sollten nicht verwendet werden, um die HTML-Semantik umzudeuten. Beispiel: <button role="link">

Weitere Informationen

Voraussetzung

Damit Sie im Applikationsdesigner ARIA-Rollen und -Attribute für Elemente vergeben können, müssen Sie unter "Extras > Optionen > Applikationen" das Kontrollkästchen "Optionen für Barrierefreiheit aktivieren" aktivieren.

Anschließend wird die Registerkarte "Barrierefreiheit" in den Elementen angezeigt.

ARIA-Rollen und -Attribute vergeben

Schritt-für-Schritt

Um ARIA-Rollen und -Attribute zu vergeben, gehen Sie wie folgt vor:

  1. Öffnen Sie das Element, für das Sie ARIA-Rollen und -Attribute vergeben möchten.

  2. Wechseln Sie auf die Registerkarte "Barrierefreiheit".

  3. Wählen Sie im Auswahlfeld "ARIA Rolle" den gewünschten Wert aus.

  4. Klicken Sie auf das - Icon (ARIA Attribut hinzufügen), falls Sie ein ARIA-Attribut hinzufügen möchten.

    Eine Auswahlliste mit ARIA-Attributen wird angezeigt.

  5. Wählen Sie das gewünschte ARIA-Attribut aus.

    Sie können ARIA-Rollen und -Attribute auch manuell erfassen, indem Sie diese in die Auswahlfelder schreiben oder eine angezeigte Rolle oder ein angezeigtes Attribut überschreiben.

    Beachten Sie, dass manuell erfasste ARIA-Rollen und -Attribute von Intrexx nicht validiert werden.

  6. Platzieren Sie den Cursor in die Spalte "Wert".

  7. Erfassen Sie den Wert des ARIA-Attributs.

  8. Klicken Sie auf "OK".

ARIA-Attribut "labelledby"

Sie haben in Intrexx die Möglichkeit, die Beziehung von einem (Formular-)Element und Label manuell herzustellen. Dies erfolgt über das ARIA Attribut "aria-labelledby".

Schritt 1: Ermitteln Sie den Namen des Labels, auf das Sie referenzieren möchten.

Schritt 2: Erfassen Sie den Namen in dem Element, von dem aus Sie referenzieren möchten.

Beachten Sie, dass Sie den Namen nur im Experten-Modus ermitteln können.

Schritt 1: Namen des Labels ermitteln

Schritt-für-Schritt

Um den Namen eines Elements zu ermitteln, gehen Sie wie folgt vor:

  1. Markieren Sie die Seite, auf der sich das Element befindet.

  2. Führen Sie einen Rechtsklick aus.

  3. Wählen Sie die Option "Elemente anzeigen" aus.

  4. Markieren Sie das Element, dessen Namen Sie ermitteln möchten.

  5. Führen Sie einen Rechtsklick aus.

  6. Wählen Sie die Option "Details" aus.

    Das Dialogfenster "Details" wird angezeigt.

    Der Name wird angezeigt.

Schritt 2: Namen erfassen

Schritt-für-Schritt

Um die Referenz zu einem anderen Element herzustellen, gehen Sie wie folgt vor:

  1. Öffnen Sie das Element, bei dem Sie die Referenz zu einem anderen Element hinterlegen möchten.

  2. Wechseln Sie auf die Registerkarte "Barrierefreiheit".

  3. Klicken Sie auf das - Icon.

    Ein neuer, leerer Datensatz für ARIA Attribute wird angezeigt.

  4. Wählen Sie in der Auswahlliste "ARIA Attribute" den Wert "aria-labelledby" aus.

  5. Erfassen Sie im Feld "Wert" Folgendes: "ID_" + Name des Elements, auf das Sie referenzieren möchten.

    Im dargestellten Beispiel lautet der Wert folgendermaßen: "ID_labelcontrol64CC76C9"

Weitere Informationen

Accessible Rich Internet Applications (ARIA)