Técnicas para as WCAG 2.0

Ir para o conteúdo (Pressione a tecla Enter)

-

F44: Falha do Critério de Sucesso 2.4.3 devido àutilização de tabindex para criar uma ordem de tabulação que não preserve o significado e a operabilidade

Aplicabilidade

HTML e XHTML.

Esta falha está relacionada com:

Descrição

Este documento descreve uma falha que ocorre quando a ordem de tabulação não segue as relações e sequências lógicas no conteúdo.

Os elementos que podem receber o foco, tais como links e elementos de formulário, têm um atributo tabindex . Os elementos recebem o foco por ordem ascendente do valor do atributo tabindex . Quando os valores do atributo tabindex são atribuídos numa ordem diferente à das relações e sequências no conteúdo, a ordem de tabulação não segue as relações e sequências no conteúdo.

Uma das causas mais comuns desta falha ocorre ao editar uma página, na qual tenha sido utilizado o atributo tabindex . É fácil a ordem de tabulação e a ordem do conteúdo não corresponderem quando o conteúdo é editado, mas os atributos tabindex não são actualizados de modo a reflectirem as alterações ao conteúdo.

Exemplos

Exemplo de Falha 1

O exemplo seguinte utiliza o tabindex incorrectamente para especificar uma ordem de tabulação alternativa:

Código Exemplo:

<ul>
   <li><a href="main.html" tabindex="1">Homepage</a></li>
   <li><a href="chapter1.html" tabindex="4">Chapter 1</a></li>
   <li><a href="chapter2.html" tabindex="3">Chapter 2</a></li>
   <li><a href="chapter3.html" tabindex="2">Chapter 3</a></li>
</ul>

Se se navegar nesta lista através da tecla de tabulação, a ordem seguida é "Homepage", "chapter 3", "chapter 2", "chapter 1", que não segue a sequência no conteúdo.

Exemplo de Falha 2

A ordem de tabulação é definida explicitamente numa página Web, fornecendo atributos tabindex para todos os campos. Mais tarde, a página é actualizada para adicionar um novo campo no centro da página, mas o autor esquece-se de adicionar um atributo tabindex ao novo campo. Como consequência, o novo campo encontra-se no final na ordem de tabulação.

Recursos

Os recursos são indicados apenas a título informativo, não implica que tenham sido aprovados.

Testes

Procedimento

  1. Se for utilizado tabindex, verifique se a ordem de tabulação especificada pelos atributos tabindex segue as relações no conteúdo.

Resultados Esperados