Pinceladas da WebMovido a: XHTML, CSS, PHP e WebStandards

Até os sites pronográficos pensam em acessibilidade. O conteúdo está todo em formato áudio:

Via: Seraccesible

O que é o SharePoint?

SharePoint é uma ferramenta colaborativa da Microsoft que permite desenvolver “sites de colaboração”, ou seja, lhe permite criar diferentes miniportais onde você pode criar espaços para que os usuários trabalhem como equipe permitindo adicionar comentários, documentos e tarefas. Basicamente é uma ferramenta de Intranet a nível empresarial.

O que é o Kit de Acessibilidade para SharePoint?

É um conjunto de arquivos, programas e utilidades que fazem do seu código mais acessível e usável no Microsoft Office Server SharePoint 2007 e Windows SharePoint Services. Esse kit foi desenvolvido pela empresa HiSoftware, uma empresa muito reconhecida no ramo da Acessibilidade (os mesmos do validador Cynthia Says, do guia “Comprendiendo la Accesibilidad: Una Guía para Lograr la Conformidad en Sitios Web e Intranets“, etc.).

Fica a dica para os SharePointers de plantão!

Referências

• estándares y accesibilidad - Nueva Versión del AKS (Kit de Accesibilidad para SharePoint)

Recentemente o Google adaptou um de seus serviços de leitura de notícias, o famoso Google Reader com o fim de possibilitar seu acesso as pessoas com algum tipo de deficiência visual, segundo informações da companhia. Essa iniciativa permite que usuários podem acessar ao Google Reader com qualquer tipo de leitor de tela, ferramentas que as pessoas com deficiência visual utilizam para acessar os sites.

O suporte recém adaptado foi testado no browser Mozilla Firefox, e segundo o Google, é um grande passo para enviar a informação aos usuários.

Via: elmundo.es

AssistiveWare, os fabricantes de tecnologia de apoio do MAC OSX, anunciaram o lançamento do novo site AssistiveGaming.com. Um site onde se fala sobre assuntos relacionados com jogos para usuários de MAC OS que sofrem de algum tipo de deficiência física.

Também apresenta artigos sobre temas de jogos em geral, reviews de jogos, descrições curtas sobre os mesmos sempre com a atenção voltada a acessibilidade.

Referências

• Seraccesible - Estreno de una web sobre juegos para Mac para jugadores discapacitados

A crescente popularidade do Ajax e do HTML dimâmico fez crescer uma enorme barreira aos usuários com algum tipo de deficiência, especialmente aos usuários que utilizam algum leitor de tela.

Para tentar superar esse problema, dentro da WAI (Iniciativa para a Acessibilidade na Web, do W3C), está sendo desenvolvido já alguns anos a especificação ARIA (Aplicações Internet Ricas e Acessíveis). O W3C define ARIA como uma sintaxe para fazer acessível os conteúdos web dinâmicos e os controles de interface do usuário criado pelos desenvolvedores. A solução tem sido a criação de versões simplificadas estáticas para os usuários com leitor de tela. Com ARIA, o desenvolvedor pode ligar as ajudas técnicas a funcionalidade (rol), estado e propriedades de seus elementos HTML. Por exemplo, se pode manipular uma DIV a partir de algum script e transmitir as ajudas técnicas que funcionam como um botão.

ARIA já se encontra bastante avançado, já se encontra implementado em Firefox, em outros browsers e em leitores de tela, mas a grande dificuldade é sua implementação no Microsoft Internet Explorer que é o browser mais utilizado. A boa notícia é que segundo que a Microsoft “O internet Explorer 8 apresenta informação de rol, estado e propriedades atravé de ARIA para se comunicar com as ajudas técnicas.”.

Rich Schwerdtfeger, um dos principais arquitetos da especificação da WAI ARIA comenta a notícia em seu blog:

FIco alegre em saber que a Microsoft está dando suporte a WAI ARIA no Internet Explorer 8. O suporte ainda encontra-se incompleto, mas isso é uma afirmação de compromisso da Microsoft já que 90% dos browsers já utilizam essa especificação.

Leia também:

• Internet Explorer 8 Beta 1 Whitepapers, W3C’s ARIA Support.
• Microsoft announces support for WAI-ARIA in IE 8 beta.

Referências

• Accesibilidad Web y Alan - Soporte para WAI-ARIA en Internet Explorer 8

Abaixo você pode ver 3 guias publicados pelo W3C para boas práticas no desenvolvimento de sites para dispositivos móveis:

• Web Content Accessibility and Mobile Web: Making a Web Site Accessible Both for People with Disabilities and for Mobile Devices, an introductory page.
• Experiences Shared by People with Disabilities and by People Using Mobile Devices [Draft].
• Relationship Between Mobile Web Best Practices 1.0 and Web Content Accessibility Guidelines, First Public Working Draft.

Referências

• Accesibilidad y buenas prácticas en el diseño para móviles.

AxsJax é o novo companheiro dos desenvolvedores no mundo do Ajax. Se trata de um Framework que permite adicionar acessibilidade aos projetos web que fazem o uso de Ajax. Assim, usuários que fazem o uso de tecnologias assistivas ou similares podem desfrutar de todas as características das aplicações.

Exemplos de aplicações que fazem o uso de AxsJax: Google Web Search, Google Reader, Google Scholar e o jogo Jawbreaker. Detalhes sobre o uso e implementação, você pode encontrar em seu showcase.

Referências

• estándares y accesibilidad - AxsJAX: Ajax accesible.

HeadMouse é um projeto da Universidade de Lleida que consiste em um software que permite realizar as funções do mouse através de movientos da face, olhos e boca. O único hardware necessário para isso é uma webcam que permita uma boa resolução.

O software do HeadMouse vai detectando através da webcam os movimentos da face, que guiam o ponteiro do mouse. Os clicks são substituídos pelos movimentos da boca. Abaixo você pode ver um exemplo do software em uso:

Referências

• Úsalo - Headmouse. Un ratón que sólo necesita tu cabeza y una webcam.

O que faz um site obter sucesso? O que faz também ele não obter sucesso? Essas são as perguntas que todos gostariam de obter respostas. A beleza é uma delas, mas não é essencial, depende também de vários outros fatores como:

1. Idéia/Objetivo

Esta é a cruz de que falamos, isso quando falamos. Você não ouvirá muito a palavra “objetivo”: Por que você tem um site? Qual o propósito? Como você irá medir o êxito?

2. Desenho

Aqui é onde falamos de coisas como a seleção das cores, alienação, interesses visuais e metáforas que façam algum sentido.

3. Mensagem

O conteúdo é o rei. Cada página de um Site necessita ter um fim. Você precisa entender o seu público alvo e o que ele deseja fazer. Em seguida, dar-lhes a informação adequada e uma chamada a ação para que eles compreendam facilmente.

4. Arquitetura

Como são organizadas as suas páginas? São intuitivas? Seu público alvo as entenderá? Pense como é a diferença entre sites como Disney.com e Microsoft.com.

5. Usabilidade e Acessibilidade

O HTML é uma linguagem que todavia precisa estar bem estruturado e acessível. Nem todas as pessoas que visitam o seu site estão “perfeitamente capacitadas”. Algumas delas possuem deficiências, algumas conexões lentas, outras não podem instalar o plugin do Flash. Entender seu público alvo e seus objetivos lhe ajudarão a definir padrões de usabilidade e acessibilidade.

6. Marketing On-line

Apelar aos mecanismos de busca é um jogo. Joque errado e você se encontra-rá em um beco sem saída. Faça as coisas direito e em breve você será recompensado. Não é difícil, basta experiência e planejamento.

O Técnico

Seu domínio é fácil recordar? Sua empresa de hospedagem é confiável? Eles tem mais 20.000 sites hospedados no mesmo servidor? Suportam as tecnologias que seu site necessita para crescer?

Referências

• estándares y accesibilidad - ¿Qué hace que un sitio Web sea bueno?

Introdução

Em junho de 2007 foi retirado do site dos Jogos Olímpicos de Londres uma animação em que aparecia seu novo e polêmico logo em movimento e associado com vários faixas de luz muito velozes. A causa é que essa animação causou a denúncia de 22 usuários com Epilepsia Fotosensitiva (no Reino Unido existem 22.000 pessoas que sofrem com esse tipo de Epilepsia) que sofreram convulsões ao visualizar o site, conforme denúncia da Epilepsy Action [1].

Isso para mim é um fato totalmente novo, mas não para o mundo todo, após o famoso caso de 1997 onde cerca de 600 crianças e adolescentes foram hospitalizados no Japão após assistir um episódio de Pokemon com estimulos luminosos intensos.

Já em 1993 a Nintendo estabelecia indicações para que não se incorporassem faixas de luz bruscas, violentas e contínuas em seus jogos, apoś que no ano de 1992 foram registrados casos de ataques fotosensitivos de epilepsia entre seus usuários no Reino Unido.

O que é?

A Epilepsia Fotosensitiva é um problema causado por uma resposta anormal do cérebro as luzes intermitentes (tipo flash), que se deve ao mecanismo no cérebro que controla a reação a informação visual é “defeituosa ou ausente” as pessoas que sofrem desse tipo de epilepsia, segundo o doutor Vittorio Porciatti, do Instituto de Neurofisiología da Universidade de Pisa.

Além de luzes intermitentes e relâmpagos rápidos, em especial se são roxas, os ataques podem ser causados, as vezes, por certas formas e padrões geométricos. A frequência em que a luz pisca e provoca os ataques varia de pessoa para pessoa. Geralmente se dão em frequências que oscilam entre 5 e 30 flashes por segundo (hertz). Ha pessoas que são fotosensitivas a frequências mais altas, mas é comum a epilepsia fotosensitiva entre os 5 Hertz.

Cerca de 0,5% da população mundial é epilética, sendo que deste total, 3% (é dizer que 0,015 % da população total), é fotosensitiva. A Epilepsia Fotosensitiva é mais comum entre crianças do que em adultos, e ataca mais mulheres do que homens.

Também é interessante dizer que os estímulos visuais que desencadeam convulsões em pacientes com Epilepsia Fotosensitiva provocam em outros indivíduos sensações de incômodo visual e percepções anómalas.

Epilepsia fotosensitiva e a WAI

7.1 Não permita ao usuário deixar a tela reluzente, evite também deixar a tela reluzente [Prioridade 1]

Nota: Pessoas com Epilepsia Fotosensitiva poderiam sofrer ataques por uma cintilação que existe entre a gama de 4 a 59 flashes por segundo (hertz), com um pico simples de 20 flashes por segundo, bem como mudanças bruscas do escuro para o claro (como as luzes estrobo).

Portanto, permita ao usuário evitar o conteúdo que possa causar ataques de epilepsia fotosensitiva.

Ferramentas

Existem 2 ferramentas que para avaliar se nossas animações podem provocar um ataque de epilepsia:

Epilepsia a Flashes e Fotosensitividade.

É uma ferramenta on-line disponibilizada em espanhol. Só valida gifs animados (indicando a URL do gif e também indicando a URL da página para que se verifique todos os gifs da mesma).

Para avaliar uma animação em Flash (ou em qualquer outro formato) a partir dessa ferramenta, será necessário exportá-la primeiro para u gif animado.

Photosensitive Epilepsy Analysis Tool (PEAT).

É uma ferramenta local e gratuita desenvolvida pela Trace Center da Universidade de Wisconsin. Permite analisar somente animações em formato .avi, portanto, para verificar outro tipo de formato será necessário primeiro exportá-la para .avi.

Referências

• Usable y Accesible - Cómo evitar causar ataques fotosensitivos de epilepsia. Herramientas de validación.
• Photosensitive epilepsy em Epilepsy Action.
• Photosensitive epilepsy and web design em Epilepsy Action.
• Photosensitive Epilepsy em JuicyStudio.

Notas

[1] Ver:

• Removido o logo dos Jogos Olímpicos de 2012 porque provocava ataque de epilepsia.
• Forte polêmica em torno do logotipo.
• Veja o vídeo dos Jogos Olímpicos de Londres de 2012 que causava ataques de epilepsia.