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 103) Idiomas (módulo 11 - Conteúdo)
- (aula 120a) Botão é botão, link é link! (módulo 12 - UI)
- (aula 147aj) Botão (módulo 14 - Design System)
- (aula 185d) Testes informais durante os ciclos de desenvolvimento (módulo 18 - Testes)
- (aula 185e) Testes em áreas específicas (módulo 18 - Testes)
- (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.
Exemplos de formulários
Botões
Exemplo (HREF, SEM complemento)
Exemplo (HREF + ROLE="button", SEM complemento)
Exemplo (HREF + ROLE="button", COM complemento OCULTO)
Exemplo (HREF + ROLE="button", COM complemento VISÍVEL)
Exemplo (button, COM complemento OCULTO)
Exemplo (button + ARIA-LABEL, COM complemento OCULTO) *
Exemplo (button, COM complemento VISÍVEL)
Exemplo DESABILITADO (HTML)
Exemplo "DESABILITADO" (ARIA)
* O uso de elementos ocultos através de ARIA precisa levar em consideração as traduções (localizações) para diferentes idiomas.