Sistema Modelo
Acessibilidade na Web
Construindo Formulários e
Tabelas acessíveis
FISL 12
Reinaldo Ferraz – W3C Brasil
Possibilitar o acesso a pessoas com deficiência
Web para todos
Todos mesmo!
Web para todos, em qualquer dispositivo, em qualquer lugar, segura e confiável! Construindo Tabelas Acessíveis
Quem se beneficia com a acessibilidade na web?
Tabelas para layout
Pare de usar tabelas para layout de página!
“As tabelas não devem ser utilizadas como auxiliares de layout.
Historicamente, alguns autores têm abusado das tabelas em HTML, como forma de controlar o seu layout de página. Esse uso não é recomendado, porque as ferramentas que tentam extrair os dados tabulares de tais documentos obtém resultados confusos. Em particular, os usuários de ferramentas de acessibilidade, como leitores de tela podem achar muito difícil de navegar em páginas com tabelas usadas para layout.” http://www.w3.org/TR/html5/tabular-data.html#the-table-element Atalhos de teclado para navegação em tabelas – JAWS
Fonte: Webaim
Use CSS!
• Deixa a página mais leve
• Modifica diversas páginas fazendo alterações em um único arquivo
• Separa apresentação do conteúdo
Estrutura básica de uma tabela
Minha tabela
Estrutura básica de uma tabela
Minha tabela
Simples
Estrutura básica de uma tabela
- Tabela - Table Header - Table Rows - Table Data
Estrutura básica de uma tabela
Monday
Tuesday
Wednesday
8:00-9:00
Meet with Sam
9:00-10:00
Doctor Williams
Informações sobre a tabela
Informações sobre a tabela
A5 - TIPO DE CONEXÃO PARA ACESSO À INTERNET NO
DOMICÍLIO Percentual sobre o total de domicílios com acesso à
Internet 1 Percentual (%) Modem Tradicional (acesso discado linha telefônica) Banda Larga 2 Outros NS/NR 3 TOTAL Banda Larga
Modem digital via linha telefônica (tecnologia DSL) Modem via cabo
Conexão via rádio