Es gibt einige gute Beispiele für seine Verwendung unter Mozilla Developer pages. Vielleicht die beste ihrer Beispiele, wo es ein Popup-Menü zu assoziieren mit dem übergeordneten Menüpunkt verwendet wird - es ist Beispiel 7 auf 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 neigt dazu, in der größten Nutzen zu sein Gebäude Barriere Rich Internet Applications: Solange Sie mit semantischem Standard-HTML arbeiten - mit Formularen mit Standardslabels - sollten Sie es überhaupt nicht brauchen: Es gibt also keinen Grund, es für ein LABEL/INPUT-Paar zu verwenden. Aber wenn Sie "Rich UI" von Grund auf neu erstellen (DIVs und andere Low-Level-Elemente mit JavaScript hinzufügen Interaktivität), dann ist es wichtig, einen Screenreader wissen, was die höhere Ebene Intent ist.
http://www.w3.org/TR/2010/WD-wai-aria-20100916/states_and_properties#aria-markierteby – Sarfraz
Dank @Sarfraz. Diese Seite veranschaulicht jedoch nicht den Zweck einer solchen Verwendung auf bereits beschrifteten Eingabeelementen. –