Ungeordnete Listen und Zugänglichkeit

Question

Viele (die meisten?) -Stellen Ziel für die Einhaltung Zugänglichkeit und Standards ungeordnete Listen für ihre Navigation verwenden. Ist dies der Ort mehr zugänglich machen oder hat sie bieten nur nützliche Elemente für das Styling?

Ich kümmere sie nicht, und ich habe auf diese Weise ungeordnete Listen im Einsatz. Es ist nur so, dass, wenn ich das Styling von einer Seite zu entfernen, um zu versuchen, es zu messen Zugänglichkeit ist es mir auffällt, dass es so gut konnte diese einfachen Glieder sein könnte. Wo kommt das her?

Answer 1

Die beste Markup für Ihre Website-Navigation würde den HTML-Tag (en), die am besten repräsentieren, was Ihre Navigation ist. Dies ist, wo Gummi die Straße für HTML Semantik entspricht.

Ist Ihre Navigation eine Liste, die keine logische Ordnung hat? Wenn ja, dann würde <UL> eine gute Wahl sein. Ist Ihr Navigations mehr eines Assistenten, der Schritte oder ist es vielleicht in alphabetischer oder numerischer Reihenfolge erfordert? Wenn ja, dann könnte <OL> eine bessere Wahl sein.

Rendering Navigations als Ebene Links , wie Sie erwähnen bietet keine semantische Bedeutung; es würde vorschlagen, dass Ihr Navigations ein Satz zu lesen ist. Durch Ihre Links in einer Liste bereitstellt, liefern Sie einen Hinweis darauf, wie wir diese Serie von Hypertext-verknüpften Worten zu interpretieren.

Answer 2

Wie andere Plakate festgestellt haben, semantisch,

s sind ideal für Menüs, wie sie in der Regel nur eine Liste von Links. Aber was ich wirklich gerne über Listen für Menüs ist die semantische und visuelle Unterebene Verschachtelung Logik sie anbieten. Zum Beispiel:

<ul id="mainMenu">
    <li>Home</li>
    <li>Something</li>
    <li>Something Else</li>
    <li>Current section
        <ul>
            <li>A Subsection</li>
            <li>Another subsection</li>
            <li>More!
                <ul>
                    <li>We go deeper</li>
                    <li>Who knows where it ends</li>
                </ul>
            </li>
            <li>Back up one step</li>
        </ul>
    </li>
    <li>And another step</li>
    <li>All done!</li>
</ul>

Setzen Sie, dass in Ihrem Browser und rauchen, und Sie werden feststellen, wie jeder Ebene nicht nur auf der rechten Seite weiter vertieft wird, sondern macht auch mit einem anderen Stil Kugel. Und das ist auch ohne CSS hinzufügen. An Liebe diese Listen!

Answer 3

Wenn der Stil entfernt wird, machen die Kugeln der Navigationsbereich viel offensichtlicher. Und wenn Sie <div>s und <span>s für die Navigation zu verwenden, führt den Stil entfernen in Links, die direkt nebeneinander liegen.

Answer 4

Die Navigation ist im Grunde eine Liste von Links, es so Markierung als eine Liste von bis zu mir richtig scheint.

Answer 5

Ich denke, es ist zumindest teilweise mit SEO als auch, da das zu tun, html (noch) keine Art von Navigationslistenelement unterstützen.

Mit UL (oder OL) einer semantischen Gruppierung Ihrer Navigation gibt, vor allem, wenn Sie nav Abschnitte verschachtelt sind, und sagt, dass diese Gruppe von Verbindungen eine Art logischer coherance hat und Hierarchie, zumindest, dass eine der Theorien ist I habe gelesen.

Der andere Kopf, wie von Jeremy erwähnt, ist, dass, wenn Arten ausgeschaltet werden, die aus dem Box-Rendering macht Sinn.

Answer 6

Ich denke, das für die Dokumentstruktur erfolgt. Ich habe entweder UL oder div-Tags verwendet werden; obwohl ich habe immer mehr Erfolg mit UL gefunden.

Grüße, Frank