voltar para índice de exemplos de aulas

Exemplo utilizado exclusivamente no curso
AccessBoost

Todos os materiais presentes nesta página, fazem parte do curso AccessBoost link externo - abre em uma nova janela.

Explicações relacionadas a este exemplo foram utilizadas nas seguintes aulas:

(devido a dinâmica de gravações, não necessariamente todas as aulas que utilizaram o exemplo estarão listadas aqui)

  • (aula 88ae) 2.4.3, 2.4.7, 2.4.11, 2.4.12 - Foco visível, Ordem e Aparência (módulo 10 - WCAG)
  • (aula 147w) Links (módulo 14 - Design System)
  • (aula 187e) Teste de links e botões (módulo 18 - Testes)

Importante:
Os exemplos ou códigos apresentados nesta página não necessariamente são os melhores para serem utilizados em um projeto específico. São meros exemplos construídos para explicações mais aprofundadas nas aulas mencionadas.

Exemplo de foco visível em links

Exemplo COM foco customizado via CSS

Exemplo SEM foco customizado via CSS (modelo padrão do navegador)

um lugar qualquer

outro lugar qualquer

além de algum lugar