SlideShare uma empresa Scribd logo
Design Orientado as Especificações do W3C e Acessibilidade
Tópicos W3C Acessibilidade na Web As especificações XHTML e CSS
W3C The World Wide Web Consortium
Os membros Participam do W3C  429 membros , responsáveis por  regular  as tecnologias utilizadas na Web:  Adobe, Apple, Google, IBM, Intel, Microsoft, Sony, Yahoo...
As especificações O W3C regulamenta as tecnologias utilizadas na Web através das  especificações : HTML, XML, XHTML, XSL, XSLT, XPATH, PNG, CSS...
O diretor Tim Berners-Lee,  inventor da Web  e diretor do W3C.
O pesquisador Tim Berners-Lee,  abdicou de todo provento financeiro  de sua invenção para continuar vivendo como um  pesquisador .
Acessibilidade na Web  “ O poder da Web está em sua universalidade. Ser acessada por todos, independe de deficiência, é um aspecto essencial.” Tim Berners-Lee
Quem acessa a Web?
Cristina, surda e cega  Cristina,  surda e cega , conheceu o marido em uma sala de bate-papo.
Lucas, paralisia cerebral  Lucas, tem  paralisia cerebral , é editor de um boletim on-line.
Paulo, tetraplégico Paulo,  tetraplégico , projeta portais para Web. “Quando navego na Web, ou escrevo um e-mail, não há incapacidade.”
Como eles acessam a Web?
Tecnologias assistivas Recursos  e  serviços  que facilitam a vida de pessoas portadoras de necessidades especiais.
Tecnologias assistivas Existem diferentes tecnologias assistivas, no contexto da interação Humano-computador.
Tecnologias assistivas Linhas braile  permitem ao cego surdo interagir com o computador.
Tecnologias assistivas Teclados braile  para dispositivos móveis.
Tecnologias assistivas Rastreador  para interação através do movimento dos  olhos .
Tecnologias assistivas Rastreador  para interação através do movimento da  cabeça .
Tecnologias assistivas Apontador para interação por movimentos da cabeça.
Tecnologias assistivas Sistema  que permite controlar o cursor com a  boca .
Tecnologias assistivas Esferas para pessoas com dificuldades motoras.
Tecnologias assistivas Leitores de tela com síntese de voz.
Normas de acessibilidade O W3C   desenvolveu  normas  para  promover   a acessibilidade  na Web.
Leis de acessibilidade Diversos paises, inclusive o  Brasil , possuem  leis   de acessibilidade  baseadas nas normas do W3C.
Testes de acessibilidade É necessário avaliar a acessibilidade de um portal por meio de  sistemas de avaliação . Nenhum sistema de avaliação substitui os  testes com usuários .
Laboratório É recomendado o uso de um laboratório para realizar testes de  acessibilidade  e  usabilidade .
Planta de um laboratório SALA  DE OBSERVAÇÂO TV e monitor Computador SALA  DE TESTES Equipamento  de gravação Equipamento  de áudio Avaliador Usuário testado Câmera
XHTML e CSS Um novo paradigma!
XHTML, a evolução da HTML
CSS, a linguagem de design da Web
Conteúdo, Formatação e Dispositivo
Conteúdo, Formatação e Dispositivo
CSS Zen Garden www.csszengarden.com
 
 
 
 
 
 
 
 
 
Procedimentos do design orientado as especificações do W3C Com XHTML e CSS.
Identificar as diferentes áreas de uma página Dividir a página em áreas com o elemento  <div>  e identificá-las   com o atributo “ id ”, exemplo: <div   id=“ navegacao ”> ... </div>
 
Usar marcação descritiva Usar a XHTML para descrever o conteúdo, evitando os  elementos  e  atributos  de formatação. O elemento  <font> , por exemplo, está obsoleto.
Respeitar a função semântica de cada elemento Escolher os  elementos adequados  para descrever o conteúdo. O elemento  <table> , por exemplo, deve ser usado apenas para descrever dados tabulares.
 
Validar a página A XHTML possui regras, a validação da página verifica o cumprimento destas regras. A página precisa estar válida para ser formatada com CSS.
Conferir o resultado nos principais dispositivos
Estudar As normas de acessibilidade do W3C; Os conceitos de usabilidade na Web; As normas e técnicas para implementar XHTML com eficiência; As normas e técnicas para implementar CSS com eficiência.
Perguntas?

Mais conteúdo relacionado

PPT
Acessibilidade1
PDF
Introdução à Acessibilidade na web
PDF
Tcc leonildo wagner reestruturação de website utilizando padrões w3 c 26-04...
PPTX
A Web para todos - Acessibilidade na web
PPT
Web_2.0 Web Standards Web Semântica
PDF
Web acessível
PPT
A importância dos padrões web
PPTX
Aplicações web acessíveis
Acessibilidade1
Introdução à Acessibilidade na web
Tcc leonildo wagner reestruturação de website utilizando padrões w3 c 26-04...
A Web para todos - Acessibilidade na web
Web_2.0 Web Standards Web Semântica
Web acessível
A importância dos padrões web
Aplicações web acessíveis

Semelhante a W3 C E Usabilidade (20)

PPT
XHTML e CSS
ODP
Apresentação Minas - Desenvolvendo Sites
PPT
Palestra Webstandards
PPT
Benef&iacute;cios dos WebStandards
PPTX
Montando sites com XHTML e CSS utilizando os padrões web
PPSX
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...
PPS
Técnicas e processos - HTML / CSS - aula 1
PDF
Rascunho do Seminário sobre Acessibilidade na Web
PDF
Desvendando padrões para desenvolvimento web, base para o sucesso
PPTX
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
PPT
Webstandards
PDF
Onivaldo Rosa - Padrões tecnológicos
PDF
Desenvolvimento web com software livre
PDF
Desenvolvimento web com Software Livre
PDF
Acessibilidade Web: Primeiros passos
PDF
HTML5- Road Show TI - Senac Jaboticabal
PPTX
Minicurso HTML5
PDF
Aula 07 acessibilidade
PDF
A Semântica do HTML5: a web 3.0
PDF
Acessibilidade na Web - Salomão Alcolumbre
XHTML e CSS
Apresentação Minas - Desenvolvendo Sites
Palestra Webstandards
Benef&iacute;cios dos WebStandards
Montando sites com XHTML e CSS utilizando os padrões web
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...
Técnicas e processos - HTML / CSS - aula 1
Rascunho do Seminário sobre Acessibilidade na Web
Desvendando padrões para desenvolvimento web, base para o sucesso
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Webstandards
Onivaldo Rosa - Padrões tecnológicos
Desenvolvimento web com software livre
Desenvolvimento web com Software Livre
Acessibilidade Web: Primeiros passos
HTML5- Road Show TI - Senac Jaboticabal
Minicurso HTML5
Aula 07 acessibilidade
A Semântica do HTML5: a web 3.0
Acessibilidade na Web - Salomão Alcolumbre
Anúncio

Último (11)

PPTX
Utilizando code blockes por andre backes
PDF
eBook - GUIA DE CONSULTA RAPIDA EM ROTEADORES E SWITCHES CISCO - VOL I.pdf
PPTX
Mecânico de Manutenção de Equipamentos.pptx
PPTX
Arquitetura de computadores - Memórias Secundárias
PPTX
Como-se-implementa-um-softwareeeeeeeeeeeeeeeeeeeeeeeee.pptx
PDF
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
PPTX
Viasol Energia Solar -Soluções para geração e economia de energia
PPTX
Gestao-de-Bugs-em-Software-Introducao.pptxxxxxxxx
PPTX
Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...
PPTX
Eng. Software - pontos essenciais para o início
PDF
Manejo integrado de pragas na cultura do algodão
Utilizando code blockes por andre backes
eBook - GUIA DE CONSULTA RAPIDA EM ROTEADORES E SWITCHES CISCO - VOL I.pdf
Mecânico de Manutenção de Equipamentos.pptx
Arquitetura de computadores - Memórias Secundárias
Como-se-implementa-um-softwareeeeeeeeeeeeeeeeeeeeeeeee.pptx
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
Viasol Energia Solar -Soluções para geração e economia de energia
Gestao-de-Bugs-em-Software-Introducao.pptxxxxxxxx
Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...
Eng. Software - pontos essenciais para o início
Manejo integrado de pragas na cultura do algodão
Anúncio

W3 C E Usabilidade