Warum tut `ul` haben ARIA-Rolle `Menü` sondern `menuitem` ist verboten, `li`?

Nur bedeckt, einige strage Spezifikationen in Bezug auf ARIA-Rollen. Warum ul haben ARIA-Rolle menu aber menuitem ist verboten, für die li?

Möchte ich beschreiben, eine Navigationsleiste mit ul, li - und HTML5 - nav - element in Kombination mit der ARIA-Rollen navigation, menu und menuitem.

<!DOCTYPE html>
<html>
  <head><title>ARIA role bug?</title></head>
  <body>
    <nav role="navigation">
      <ul role="menu">
        <li role="menuitem"><a href="http://example.com/">example.com</a></li>
      </ul>
    </nav>
  </body>
</html>

W3-HTML5-validator nag ich hier:

Schlechter Wert menuitem für das Attribut role des Elementes li.

Ich habe im folgenden beantwortet, aber würde auch sagen, dass wenn die navigation besteht aus nur links auf, die auf einer web-Seite und nicht die Interaktion Verhalten im Zusammenhang mit einem Menü und Menü-Elemente sind dann die ARIA-Rollen sollten nicht verwendet werden.Finden Sie das Menü design-pattern für mehr details w3.org/WAI/PF/aria-practices/#menu

InformationsquelleAutor burnersk | 2013-05-25

20

Jukka ist falsch hier. Die W3C-validator nicht check gegen die WHATWG LS, stattdessen prüft es gegen die W3C-HTML-Spezifikation. Der W3C-HTML-Spezifikation ist die maßgebliche Quelle für die Konformität Prüfung von Anforderungen für die den W3C-Validator.

In Bezug auf menuitem nicht erlaubt wird, gemäß der HTML-Spezifikation, ich glaube das ist ein bug. Und als solche habe ich eingereicht ein bug. Es ist jetzt in meiner bug-Warteschlange gelöst werden.

Ich eingereicht haben, einen Fehler gegen die W3C-validator und wai-aria in HTML doc als auch.
Bis zu solchen Zeiten der validator behoben ist, schlage ich vor, Sie die Rollen gemäß den WAI-ARIA-Spezifikation und ignorieren, der validator.

Nachtrag:

Ich blickte zurück auf die Geschichte von ARIA-integration in HTML nicht finden konnte, einen Grund, warum menuitem war nicht erlaubt, so glauben Sie, es war ein versehen. Ich gefixt und behoben den Fehler, den ich oben verwiesen.
- Brauchen wir wirklich, um anzugeben, role="menuitem" hier <li> element, jenseits <ul role="menu">? Es ist ziemlich langatmig und scheint redundant von den vorhandenen <li> semantische.
- Auch ich sehe das Problem so: "Feste und schob den validator" am 2013-06-26. Obwohl es noch nicht bestätigen, da von heute? Dank
- Gut zu sehen, dies wurde gemeldet und behoben.
InformationsquelleAutor Steve Faulkner

Den folgenden HTML-markup ist in der ARIA-Spezifikation (die, die Sie verbunden), und zeigt deutlich eine LI (verschachtelte, auch) als ein menuitem. Ich vermute das insbesondere markup-Code, den Sie verwenden, sodass es nicht konform, aber das ist nur eine Vermutung.

<ul role="menubar">

 <!-- Rule 2A: "File" label via aria-labelledby -->
  <li role="menuitem" aria-haspopup="true" aria-labelledby="fileLabel"><span id="fileLabel">File</span>
    <ul role="menu">

      <!-- Rule 2C: "New" label via Namefrom:contents -->
      <li role="menuitem">New</li>
      <li role="menuitem">Open…</li>
      …
    </ul>
  </li>
  …
</ul>

W3-validator gibt den gleichen Fehler

InformationsquelleAutor Jake H

0

Den W3C-validator, die bei der Anwendung HTML5-Regeln, die eigentlich die Kontrollen gegen (eine version von) der WHATWG "Living-HTML-standard", die derzeit sagt, Ziffer 3.2.7 WAI-ARIA, über "li-element, dessen Mutterunternehmen ist ein ol-oder ul-element" Folgendes: "die Rolle muss entweder listitem, menuitemcheckbox, menuitemradio, option, Reiter oder treeitem".

Dies entspricht den Regeln in der "Using WAI-ARIA in HTML" W3C-Entwurf, in 2,9 Empfehlungen Tabelle.
- Sie haben es entfernt, aber warum?! Das ist echt doof durch die spec-Schreiber durch brechen der spec selbst
- Wenn Sie bemerkt haben Passed, 1 warning(s) die Warnung ist, denn dies ist ein Entwurf - Spezifikation, wie gesagt: Using experimental feature: HTML5 Conformance Checker.
- In conformance checker Sprachgebrauch: Fehler= MUSS-level-Anforderung in der HTML-Spezifikation. Warnung = SOLLTE die level-Anforderung
InformationsquelleAutor Jukka K. Korpela
0

War ich mit einer ähnlichen DOM und ändern li Untermenü auf die Rolle Präsentation gemacht, die Seite zu validieren. Obwohl vielleicht semantisch falsch, in meiner situation, es ist belanglos.
- Präsentation macht es wahrscheinlich ignoriert und nicht ausgelesen werden von einigen Lesern
InformationsquelleAutor Alastair
0

Sollten Sie nicht setzen role="menuitem" auf eine li-element, wenn es enthält eine ein element da ein menuitem-widgets enthalten, nicht intereactive Elemente (e.g links).

Werfen Sie einen Blick auf die aria-Praktiken Beispiele für Menü.
```
<li role="none">
  <a role="menuitem">my menuitem here</a>
</li>
```
oder
```
<li role="menuitem">my menuitem here</li>
```
InformationsquelleAutor LpmRaven

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.