Mobile Web Best Practices 1.0
Novo documento oferecido pelo W3C sobre melhores práticas de desenvolvimento de website para plataforma móvel.
10 maneiras de mobilizar seu site.
- Design para Web 1
- padronizar o uso de Web standards
- Ficar longe para conhecer o perigo
- Esteja atento das limitações do dispositivo
- Otimize a navegação
- Checar os gráficos e cores
- Mantenha ele pequeno
- Usar a rede moderadamente
- Ajuda e guia para usuário
- Pensar nos usuários utilizando
Tentei traduzir saiu mais ou menos isso, meu inglês anda meio fraco ainda.
Vi esse documento no blog do Daniel Camargo
Recomendo
O MAQ (do site Bengaja Legal) lançou seu site sobre Acessibilidade digital, com dicas e artigos interessantes!
Confira: http://acessibilidadelegal.com
Diferenças do HTML 5 pro HTML 4
- Define uma única linguagem chamada HTML 5, que pode ser gravada em um “customizável” HTML
sintaxe e na sintaxe XML
.
- Define detalhadamente a transformação de modelos para fomentar interoperáveis implementações.
- Melhora a marcação para documentos.
- Introduz marcação e APIs para emergentes gírias, como aplicações Web.
Saiba mais aqui: http://www.w3.org/TR/html5-diff/
Formulários Acessíveis
Sempre procuro em desenvolver websites e formulários acessíveis nos padrões W3C (WAI).
Mantenho referência desses sites:
- http://www.maujor.com/tutorial/formac-a.php
- http://www.maujor.com/tutorial/formac-b.php
- http://www.ivogomes.com/blog/criar-formulrios-acessveis/
- http://cirofeitosa.com.br/post/formularios-acessiveis
Procure utilizar sempre as propriedade Tabindex e Title e as tags Fieldset e Label.
Twine
Não vejo a hora ver se essa ferramenta, já me cadastrei agora só falta esperar.
Pelas “Features” me agradou bastante, como por exemplo: uma aplicação para a web semântica porque foi escrito de acordo com os padrões estabelecidos pela W3C. Isto quer dizer que segue convenções pré-estabelecidas e por isto é compatível com outras aplicações semelhantes, podendo compartilhar dados.
Utilizar os padrões da web semântica, o Twine também usa um sistema de aprendizado extremamente avançado e um processo de linguagem natural de algoritmos que lhe dá capacidades muito além de tags manuais. A ferramenta utiliza combinações de algoritmos de linguagem natural para coletar automaticamente dados-chave de blocos de texto.
Além de organizar planilhas, calendário, textos, sites, rede social e etc…
Acessibilidade Offline
Só posto aqui sobre Acessibilidade Web, hoje pela manhã dei uma olhada num site que me chamou atenção, sobre produtos de sinalização com acessibilidade, esses painéis/placas/arcos são acessíveis a todos, numa sinalização universal assim como um site deve ser planejado para qualquer tipo de usuário ou plataforma.
E o site Arco que vende os produtos se preocupa no público que usa os produtos, mantendo nos padrões W3C/WAI de acessibilidade.
Como construir sites visualmente impressionantes com CSS
Divulgando a apresentação da Paula Mariano na palestra “Como construir sites visualmente impressionantes com CSS” no Evento Microsoft Remix 07.
Vale a pena dar uma conferida, mostra a funcionalidade do CSS para apresentação multi plataforma e fazer o estilo a partir do HTML semântico.
Também, relata os benefícios para otimização de código, carregamento do site mais rápido, acessibilidade e conteúdo em site de buscas (SEO).
Para visualizar a apresentação (ppt), clique abaixo:
http://download.microsoft.com/…/
ComoconstruirsitesvisualmenteimpressionantescomCSS-PaulaMariano.ppt
Teste Acessibilidade no Navegador
Existem vários sites para validar seu site nos padrões W3C/WAI
Tem um jeito mais fácil de fazer esse teste de validação, utilizando seu navegador.
Baixei o Fire Fox, nele tem uma extensão (plug-in/add-on) chamada HTML VALIDADOR (clique aqui para baixar).
Nessa extensão indica em qual linha tem erros e avisos.
Quando instalar e reiniciar o Browser, você vai ver um icone no canto inferior direito.
Se esse Icone for Verde
, o site está validado, se tiver vermelho
contém erros graves e se tiver um amarelho
é de avisos para ser corrigido.
Lembrando que é super importante deixar o código sempre nos padrões para maior visibilidade do site, mesmo se o Icone validado estiver verde, é sempre bom validar a acessibilidade do site 
Para ativar o teste de acessibilidade no código HTML, vai em Ferramentas/Tools do Firefox, tem uma opção Html Validator Options ou vai em Add-ons/Extensões, selecione HTML VALIDATOR e clique em Opção/Options.

Ative o “Accessibilty level” (igual da foto), deixando pelo menos no nível 1.
Se conseguir corrigir os problemas de acessibilidade no nível 3, deixará seu site com mais visibilidade ampliando o número de pessoas que possam acessar.
Procure sempre validar o código e deixar acessível multi plataforma.
Dicas Rápidas do W3C para criar na Web







