listas não ordenadas e acessibilidade

Question

Muitos (a maioria?) Locais com o objetivo de acessibilidade e padrões de uso de conformidade listas não ordenadas para a sua navegação. Isso faz o site mais acessível ou não é apenas fornecer elementos úteis para denominar?

Eu não me importo-los, e tenho vindo a utilizar listas não ordenadas desta forma. É só que, quando eu remover o estilo de uma página para tentar avaliar a sua acessibilidade, parece-me que ele poderia muito bem poderia ser ligações simples. Onde é que isto vem?

Answer 1

A melhor marcação para a navegação do seu site seria a tag HTML (s) que melhor representam o que a sua navegação é. Este é onde a borracha encontra a estrada para a semântica HTML.

É a sua navegação uma lista que não tem nenhuma ordenação lógica? Se sim, então <UL> seria uma boa escolha. É a sua navegação mais de um assistente que requer passos ou é, talvez, em ordem alfabética ou numérica? Se sim, então <OL> pode ser uma escolha melhor.

Rendering sua navegação como ligações simples como você menciona não fornece qualquer significado semântico; isso sugeriria que sua navegação é uma sentença para ser lido. Ao fornecer seus links em uma lista, você fornecer uma dica de como devemos interpretar esta série de palavras-linked de hipertexto.

Answer 2

Como outras pôsteres, semanticamente,

s são grandes para menus como eles são geralmente apenas uma lista de links. Mas o que eu realmente amo sobre o uso de listas de menus é o sub-nível semântico e visual nidificação lógica que eles oferecem. Por exemplo:

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

Coloque isso no seu navegador e fumá-lo, e você vai perceber como cada nível não só é recuado mais para a direita, mas também processa com uma bala estilo diferente. E isso é mesmo sem a adição de qualquer CSS. Conseguiu amar aqueles listas!

Answer 3

Quando o estilo for removida, as balas fazer a seção de navegação muito mais óbvio. E se você usar <div>s e <span>s para a navegação, removendo o estilo vai resultar em links que estão ao lado uns dos outros.

Answer 4

A navegação é basicamente uma lista de links, para marcá-lo como uma lista parece correto para mim.

Answer 5

Eu acho que é pelo menos parcialmente a ver com seo, bem como, uma vez que html não (ainda) apoiar qualquer tipo de elemento da lista de navegação.

Usando UL (ou OL) dá um agrupamento semântico para a sua navegação, especialmente quando você tem seções nav aninhadas, e diz que este grupo de links tem algum tipo de coherance lógica e hierarquia, pelo menos, que é uma das teorias I tenho lido.

A outra cabeça, como mencionado por Jeremy, é que quando os estilos são desligados, o fora da prestação caixa faz sentido.

Answer 6

Eu acho que isso é feito para a estrutura do documento. Eu usei tanto UL ou tags div; embora eu sempre achei mais sucesso com UL.

Saudações,
Frank