Der Zweck, "aria-labelledby" auf bereits beschrifteten Eingabeelementen zu verwenden?

Viele ARIA demonstration websites verwenden code, z.B.:

<label for="name" id="label-name">Your Name</label>
<input id="name" aria-labelledby="label-name" type="text">

Aber was ist der Zweck der Verwendung aria-labelledby - Attribut in diesem Fall? Die input element ist bereits gekennzeichnet durch die label element, das mit for - Attribut, ist es nicht?

InformationsquelleAutor der Frage Ian Y. | 2012-06-22

  1. 53

    Gibt es einige gute Beispiele für seine Verwendung bei Mozilla-Developer-Seiten. Vielleicht die besten Beispiele ist, wo es ist verwendet, um ordnen Sie ein popup-Menü mit den übergeordneten Menüpunkt - es ist in Beispiel 7 in der Seite:

    <div role="menubar">  
    <div role="menuitem" aria-haspopup="true" id="fileMenu">File</div>  
    <div role="menu" aria-labelledby="fileMenu">  
        <div role="menuitem">Open</div>  
        <div role="menuitem">Save</div>  
       <div role="menuitem">Save as ...</div>  
       ...  
    </div>  
    ...

    ARIA-Attribute tendenziell der größte Einsatz in der Gebäude-Zugänglich Rich-Internet-Anwendungen: so lange wie Sie ' re kleben mit standard-semantic HTML - Formularen mit standards - Etiketten, die Sie nicht benötigen, sollten Sie an alle: es gibt also keinen Grund, es auf einen LABEL/INPUT-pair-Mädchen. Aber wenn Sie "rich-UI" from scratch (DIVs und anderen low-level-Elemente mit javascript hinzufügen von Interaktivität), dann ist es unerlässlich, dass ein screenreader wissen, was die übergeordnete Absicht ist.

    InformationsquelleAutor der Antwort BrendanMcK

  2. 5

    Es ist immer UA-support-Probleme, nichts neues also, warum die Entwickler suchen, um die progressive enhancement. Dieser ARIA Technik bietet die Möglichkeit, zu tun, Weg mit dem Attribut "for" und können andere Elemente, die Teil der reichen form. Diese Techniken werden zur gängigen Praxis werden.

    InformationsquelleAutor der Antwort user2323922

Schreibe einen Kommentar