Sistema Modelo

611 palavras 3 páginas
Tutorial
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

Relacionados

  • modelo de sistema
    2166 palavras | 9 páginas
  • Modelos de sistemas
    2991 palavras | 12 páginas
  • modelo de sistema
    675 palavras | 3 páginas
  • Modelos de Sistemas Econômicos
    787 palavras | 4 páginas
  • Modelos de desenvolvimento de sistema
    867 palavras | 4 páginas
  • Modelo Documenta O De Sistema
    3592 palavras | 15 páginas
  • modelos de sistemas de saúde
    839 palavras | 4 páginas
  • Modelo de Desenvolvimento de Sistemas
    696 palavras | 3 páginas
  • modelo sistema de gestão
    1249 palavras | 5 páginas
  • modelos de desenvolvimento de um sistema
    21236 palavras | 85 páginas