Geek Answers Handbook

Unordered Lists and Availability

Many (most?) Sites, in order to ensure accessibility and compliance with standards, use unordered lists to navigate them. Does it make the site more accessible or does it just provide useful elements for styling?

I don't mind them, and so I use unordered lists. It's just that when I remove the styling from the page to try to evaluate its accessibility, it seems to me that it can also be a simple link. Where does this come from?

+5
source share
6 answers

The best markup for navigating a site would be an HTML tag that best reflects your navigation. This is where rubber meets the road for HTML semantics.

Is your navigation a list that does not have a logical order? If so, it <UL>would be a good choice. Is your navigation more like a master that requires steps, or perhaps in alphabetical or numerical order? If so, it <OL>might be a better choice.

Providing your navigation in the form of simple links, as you mentioned, does not give semantic meaning; this suggests that your navigation is a sentence to read. By providing your links in a list, you give a hint on how we should interpret this series of hypertext words.

+7
source

, , <ul> s , . , , - , . :

<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>

, , , . CSS. !

+7

, . <div> <span> , , .

+6

- , , , .

+3

, , , seo, html - .

UL ( OL) , , , , , .

, , , , .

+2

, . UL div; UL.

Regards,
Frank

+1
source

More articles:


All Articles