Posted on September 7th, 2008 by fspina
Novo documento oferecido pelo W3C sobre melhores práticas de desenvolvimento de website para plataforma móvel.

Mobile Web Best Practices (MWBP) Flipcards
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
Read More
Posted on April 28th, 2008 by fspina

O MAQ (do site Bengaja Legal) lançou seu site sobre Acessibilidade digital, com dicas e artigos interessantes!
Confira: http://acessibilidadelegal.com
Read More
Posted on March 2nd, 2008 by fspina
- 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/
Read More
Posted on January 29th, 2008 by fspina
Sempre procuro em desenvolver websites e formulários acessíveis nos padrões W3C (WAI).
Mantenho referência desses sites:
Procure utilizar sempre as propriedade Tabindex e Title e as tags Fieldset e Label.
Read More
Posted on October 30th, 2007 by fspina
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…
Read More
Posted on October 19th, 2007 by fspina
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.
Read More
Posted on September 10th, 2007 by fspina
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
Read More
Posted on July 19th, 2007 by fspina
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.
Read More
Posted on June 12th, 2007 by fspina
Imagens e Animações: Use o atributo alt para descrever a função de cada elemento visual.
Imagemaps: Use mapas client-side (o tag map) e texto para as regiões clicáveis.
Multimídia: Inclua legendas e transcrições para o audio, e descrições para o vídeo.
Híperlinks: Utilize texto que faça sentido fora do contexto. Evite a frase “clique aqui”.
Organização da Página: Use cabeçalhos, listas e uma estrutura consistente. Use CSS para layout e estilo sempre que possível.
Gráficos e Diagramas: Sumarize o conteúdo ou use o atributo longdesc.
Scripts, applets e plug-ins: Para o caso de estarem desabilitados ou de não serem suportados pelo browser, forneça conteúdo alternativo.
Frames :Use o tag noframes e empregue títulos significativos.
Tabelas: Torne compreensível a leitura linha a linha. Resuma.
Valide seu trabalho: Use as ferramentas, checklist e os guias disponíveis em http://www.w3.org/TR/WCAG.
Read More