Roteiro Oficina de Aula 10 s Selos de conformidade Prof. Vinícius Costa de Souza www.inf inf.unisinos..unisinos.br/~vinicius outubro de 2006 W3C São um conjunto de normas, diretrizes, recomendações, notas demais informações de caráter técnico produzidos pelo W3C e destinados a orientar Fabricantes, desenvolvedores e projetistas para o uso de práticas que possibilitem a criação de uma Web acessível a todos, independentemente dos dispositivos usados ou de necessidades especiais. O World Wide Web Consortium (W3C) é um consórcio de âmbito internacional dedicado a "conduzir a Web ao seu pleno potencial". Fundado em 1994, o W3C tem mais de 400 organizações membro. O consórcio está hospedado em três instituições de pesquisas - - MIT nos EUA, INRIA na Europa e Keio University no Japão. W3C O W3C cria recomendações para aumentar a interoperabilidade dos produtos para Web. As recomendações do W3C são desenvolvidas por grupos de trabalho formados por membros do consórcio e experts convidados. Os grupos de trabalho criam esboços que são submetidos à apreciação dos membros do W3C e seu diretor para aprovação formal. 1. HTML A linguagem de marcação para hypertexto (HTML) é universalmente usada para estruturar textos nos documentos Web. Os browsers interpretam estes documentos e apresentam sua estrutura conforme a mídia do usuário. 1
2. XML Linguagem extensível de marcação (XML) é uma linguagem parecida com o HTML, mas em lugar de se utilizar de um conjunto fixo e definido de elementos, permite que você defina seus próprios elementos - ou use um conjunto definido por outra pessoa. 2. XML (exemplo) <addressbook> <name>bill Gates</name> <email>bgates@microsoft.com</email> <name>marc Andreesen</name> <email>marca@netscape.com</email> <name>jon S. von Tetzchner</name> <email>jon@opera.com</email> </addressbook> 3. XHTML XHTML é uma reformulação do HTML como aplicação XML. XHTML pode ser vista como uma linguagem ideal nascida do HTML, e tecnicamente bem mais precisa devido a influência do XML. 3. XHTML XHTML é apresentado no browser de maneira idêntica ao HTML. Você pode querer optar pelo uso do XHTML quando houver interesse em servir seu conteúdo de diferentes maneiras, por exemplo, para um PDA; A sintaxe precisa das regras do XML torna muito mais fácil e menos dispendioso o processamento do XHTML quando comparado com o do HTML comum. 4. Folhas de estilos podem ser usadas para definir a aparência de todo o site. O W3C recomenda que definições específicas para layout sejam retiradas do HTML e entregues às folhas de estilos, proporcionando assim, a criação de uma World Wide Web mais simples e estrutural. 5. DOM O Document Object Model possibilita o máximo aproveitamento de todo o poder e interatividade do script. Em termos de programação o DOM é um (API) que possibilita ao script, acesso fácil à estrutura, ao conteúdo e à apresentação de um documento escrito em linguagens tais como o HTML e. 2
1. Busca 2. Browsers antigos Páginas em conformidade com as standards terão grande visibilidade em resultados de buscas na Web. As standards são escritas de modo a que os browsers antigos entendam a estrutura básica dos documentos. 3. Validação Códigos em conformidade com as standards são passíveis de serem validados em serviços de validação. 4. Significa não somente acesso à web para pessoas portadoras de necessidades especiais, como também à usuários com browsers não convencionais 5. Estabilidade A grande maioria das web standards são em geral projetadas com vistas a compatibilidade com o passado e com o futuro 6. Padronização Durante sua existência, um website pode vir a ser gerenciado por várias equipes de designers e é importante que qualquer um compreenda e edite o código com facilidade. 3
Conclusão Um site projetado segundo as deve estar em conformidade às standards (HTML, XHTML, XML,, DOM, etc) e segundo as melhores práticas ( código válido, acessível, semanticamente correto, etc). Em outras palavras, um site projetado segundo as deve ser leve, claro, baseado em, acessível, atender a usabilidade e amigável aos mecanismos de busca. Checklist 1. Qualidade do código 2. Separação do conteúdo e apresentação 3. para usuários 4. para dispositivos 5. Usabilidade básica 6. Administração do site Checklist 1. Qualidade do código 2. Separação do conteúdo e apresentação 3. para usuários 4. para dispositivos 5. Usabilidade básica 6. Administração do site 10 Testes 1. Textos alternativos para as imagens 2. Textos alternativos para imagens decorativas 3. Textos alternativos para conteúdos de áudio e vídeo 4. para formulários 5. Possibilidade de aumentar o texto 10 Testes 6. Teste seu site em um navegador textual 7. Teste a acessibilidade sem mouse 8. Existe um mapa para o site? 9. Utilize textos descritivos para links 10. Valide seu site em programas automatizados Selos de conformidade conformidade com três diferentes níveis de acessibilidade ao site.: Nível A Nível Duplo A Nível Triplo A dica de site: www.serpro.gov.br/acessibilidade 4
Validações Validações Sintaxe WebXACT (antigo Bobby) W3C Markup Validation Service Cynthia Says Wave A-Prompt Da Silva (em português) W3C Validation Service 5