Archive for the ‘W3C’ Category

Mobile Web Best Practices 1.0

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

Mobile Web Best Practices (MWBP) Flipcards

10 maneiras de mobilizar seu site.

  1. Design para Web 1
  2. padronizar o uso de Web standards
  3. Ficar longe para conhecer o perigo
  4. Esteja atento das limitações do dispositivo
  5. Otimize a navegação
  6. Checar os gráficos e cores
  7. Mantenha ele pequeno
  8. Usar a rede moderadamente
  9. Ajuda e guia para usuário
  10. 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

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

Diferenças do HTML 5 pro HTML 4

Posted on March 2nd, 2008 by fspina

  1. Define uma única linguagem chamada HTML 5, que pode ser gravada em um “customizável” HTML[bb] sintaxe e na sintaxe XML[bb].
  2. Define detalhadamente a transformação de modelos para fomentar interoperáveis implementações.
  3. Melhora a marcação para documentos.
  4. 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

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.

Twine

Posted on October 30th, 2007 by fspina

TwineNã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

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.

Como construir sites visualmente impressionantes com CSS

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

Teste Acessibilidade no Navegador

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.

Validated by HTML Validator (based on Tidy) 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

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.
  •