Acesse a Fanpage no Facebook
Interactive design, Pixel art, Internet trends, Underground Advertising and more


Procure...

Visibilidade

View Felipe Spina's profile on LinkedIn

TwitterCounter for @fspina

Coloque esse "button" abaixo em seu site:

Campanha: Torne seu blog acessível para todos

Campanha adotada pelo blog TV Retrô estou divulgando para expandir o uso de acessibilidade na web, confira:
Campanha: Torne seu blog acessível para todos

Acessibilidade na WEB

Principais Objetivos:

  • Tornar possível a acessibilidade de pessoas portadoras de deficiência visual ao conteúdo do seu blog
  • Colaborar o máximo possível com a inclusão digital
  • Proporcionar fontes de informação e/ou entretenimento aos deficientes visuais
  • Incentivar outros blogueiros a fazerem o mesmo que você
  • Compartilhar soluções de acessibilidade

O que me levou a lançar essa campanha

Ontem, assisti a um vídeo – que pode ser assistido no final desse post – que me comoveu bastante, o vídeo trata de acessibilidade na Web. Mostra as dificuldades encontradas pelos deficientes visuais, ao visitar um site que não esteja de acordo com alguns padrões de acessibilidade. Pensei um pouco a respeito e tive a idéia de lançar essa campanha, para que juntos, possamos tornar nossos blogs acessíveis a pessoas portadoras de deficiência visual.

A maioria dos deficientes visuais, a menos que tenham ótimas condições financeiras, são analfabetos ou apenas possuem um nível de educação básico. Os métodos usados na educação de deficientes visuais, são métodos especiais, que não são encontrados em escolas comuns, e por isso se torna inacessível para as pessoas de classe média. A Internet é um recurso que pode mudar isso! Informações são encontradas muito facilmente por toda a Web, só que a maioria dos sites, por não atenderem a determinados padrões, tornam-se incompatíveis com os programas usados pelos deficientes visuais para acessar a Web. Por isso resolvi fazer essa campanha, para podermos possibilitar o acesso a um maior número de páginas para os deficientes visuais.

Porque aderir a campanha

Aderindo a campanha, você está diretamente contribuindo com a inclusão digital e possibilita que pessoas portadoras de deficiência visual, tenham acesso a um maior número de informação, notícia, entretenimento, e todo o conteúdo que pode ser encontrado na Internet. Você também elevará o nível de acessibilidade do seu blog ao máximo, apenas com algumas pequenas modificações no código fonte de sua página – acreditem, são modificações muito simples.

Softwares usados pelos deficientes visuais

Os 3 principais softwares usados pelos deficientes visuais, são o Dosvox, Jaws e Virtual Vision.

Compartilhar soluções de acessibilidade

Além de beneficiar uma boa parte da sociedade, também nos beneficiaremos, pois ao participar da campanha, o blogueiro irá tornar o seu blog compatível com o programa e fará um post contando sua experiência com isso tudo. E para propagar informação, também irá citar as técnicas usadas para melhorar a acessibilidade de seu blog, assim todos iremos ensinar e aprender juntos, que é uma das grandes vantagens e diferenciais dos blogs.

Como tornar meu blog acessível?

Não é nada complicado, o principal erro que cometemos em relação a acessibilidade, é deixar de usar as tags de descrição, que são muito bem ilustradas no vídeo. Não se preocupem, ao assistirem o vídeo, vocês entenderão muito bem do que estou falando.

Cheguei a conclusão, que a melhor forma de tornar seu blog acessível, é assim como eu fiz, ver o seu blog como os deficientes veriam. Foi uma experiência incrível, que irei descrever no próximo parágrafo.

Baixei o programa Jaws, que é usado pelos deficientes para ler o conteúdo da página – isso também é mostrado no vídeo -, configurei para a língua portuguesa, e acessei alguns sites, pude sentir na pele as mesmas dificuldades encontradas pelos deficientes visuais ao acessar uma página que não esteja de acordo com alguns padrões de acessibilidade.

Abri o programa, desliguei o monitor e acessei um blog escolhido aleatoriamente, e consegui navegar pela página razoalvelmente bem, mas tive um pouco de dificuldade para navegar pelo menu do blog. Em seguida fechei a página do blog, e acessei o site Bengala Legal, que foi construído por um deficiente visual. Consegui navegar perfeitamente por todo site, li uma poesia escrita por ele, depois voltei a página inicial e fechei o navegador.

Também visitei o meu blog, consegui navegar normalmente pelo menu, mas tive dificuldade para ler os posts, pois o programa mesmo estando configurado para o português, lia os posts em inglês, acho que deve ter algo no meu código que impede que o programa leia em português. Tenho que melhorar muitas coisas, as descrições dos links, as descrições das imagens, o menu. Farei isso na semana que vem, e não descansarei até deixar meu blog totalmente acessível pelo programa.

Façam o mesmo que eu, baixem o programa – colocarei o link no final do post – e acessem seu blog, assim verão se seu blog já está acessível pelo programa, ou se ainda falta ser melhorado em algum critério. O programa pode ser baixado gratuitamente, e é muito fácil de ser usado. Para navegar em sites, basta apenas usar a tecla TAB para navegar pelos links, e as setinhas do teclado , para ler os textos. Quando assistirem ao vídeo, verão como é fácil.

Como participar?

Para participar da campanha, em primeiro lugar tem que ter interesse pelo que foi citado acima e desejar elevar o nível de acessibilidade do seu blog ao máximo, pois um blog que pode ser acessado por um deficiente visual, garanto que pode ser acessado por qualquer pessoa não portadora. Assista ao vídeo, baixe o programa, navegue pelo seu blog usando o programa, com isso já terá idéia de como aperfeiçoar o seu blog. Como já disse anteriormente, as principais mudanças que você precisará fazer em seu blog, é apenas usar corretamente as tags de descrição, e fazer links mais descritivos, assista ao vídeo e veja porque!

Depois disso, escreva um post contando sua experiência, falando em que aspecto você melhorou a acessibilidade de seu blog, como fez, etc… Quando publicar o post, deixe a URL por comentário – o blogger não dá suporte a trackback ¬¬ -, que irei linkar todos que aderirem a campanha.

Aderiu a campanha

Até agora aderiu a campanha:

Alessandro Martins com o post Campanha: torne seu blog acessível para todos
Lu com o post Seu blog é acessível?
Alex Rodrigues com o post Acessibilidade, Design Web e Ubuntu

Links

Assistam ao vídeo citado nesse post
Download do programa Jaws
Informações sobre o Dosvox, Jaws e Virtual Vision.

Produtores do vídeo

Bruno Torres
Horácio Pastor Soares
Lêda Lúcia Spelta
Marco Antonio de Queiroz (MAQ)

Comunidade Acessibilidade Web

Acessibilidade Web


No site via6.com é um Orkut de Trabalho e para Profissionais no estilo o LinkedIN.
Descrição:
Comunidade sobre o tema de Acessibilidade na Web.

Mostrar boas maneiras e dicas para manter o conteúdo acessível a qualquer usuário e independente a plataforma que está sendo usada.

Projeto que todos possam obter informação.
Melhorar o desenvolvimento do HTML para semântico e organizado nos padrões WAI/W3C.

Atualizações e novidades:
http://blog.fspina.com.br/labels/acessibilidade.html
http://www.naveguebem.org/ (Em teste!)

Dicas Rápidas do W3C para criar na Web

  • 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.
  • Curso de Acessibilidade para Webdesigners Gratuito

    Acessibilidade para WebDesigners

    Web Access Symbol (for people with disabilities) 2.0 inches - Smbolo de Acessibilidade na Web

    Garantir que sua página Web seja acessível já não é somente uma questão de justiça social. O conceito de acessibilidade pode ser simultaneamente:

    • estratégia de negócio;
    • necessidade;
    • adequação às leis;
    • adequação às diretrizes internacionais.

    Este curso explicará o porquê disso e ensinará alguns cuidados que devem ser tomados para manter sua página acessível, levando já em consideração algumas diretivas para a web semântica. O curso possui duas semanas, começando na Segunda-Feira e terminando no Domingo. Todo o conteúdo estará disponível a partir da data de início. Para começar o curso, você deve ler o Guia do Aluno e o Plano de Ensino a seguir.


    OBJETIVO

    Capacitar o usuário para o desenvolvimento de páginas Web considerando as diretrizes básicas de acessibilidade.

    PÚBLICO ALVO

    Webdesignes ou programadores que desejam produzir um conteúdo Web acessível.

    PRÉ-REQUISITOS

    Os usuários deverão ser, necessariamente, funcionários públicos e ter conhecimentos básicos para operar um computador. Conhecimento inicial de HTML e CSS também são requeridos.

    DESCRIÇÃO

    O curso será realizado na modalidade Educação a Distância e utilizará a Plataforma Moodle como ferramenta de aprendizagem. O curso tem duração de uma semana e possui um conjunto de atividades (lições, fóruns, glossários, questionários e outros) que deverão ser executadas de acordo com as instruções fornecidas. O material didático está disponível on-line de acordo com as datas pré-estabelecidas em cada tópico. O avaliador adotado é o “da Silva”, disponível na página .

    METODOLOGIA

    O curso está dividido da seguinte maneira:

    Cronograma Descrição das atividades
    Primeira semana Lição 1 – Introdução;
    Lição 2 – Projeto inicial de uma página acessível;
    Lição 3 – Testando a sua página;
    Lição 4 – acessibilidade em softwares existentes.
    Segunda semana Lição 5 – Técnicas, parte 1;
    Lição 6 – Técnicas, parte 2;
    Lição 7 – Técnicas, parte 3;
    Segunda semana, Quinta-Feira a Domingo Avaliação final
    Avaliação do curso

    As lições contém o contéudo principal. Elas poderão ser acessadas quantas vezes forem necessárias, desde que esteja dentro da semana programada. Ao final de uma lição, você receberá uma nota de acordo com o seu desempenho. Responda com atenção às perguntas de cada lição, pois elas serão consideradas na sua nota final. Caso sua nota numa determinada lição for menor do que 6.0, sugerimos que você faça novamente esta lição.

    Ao final do curso será disponibilizada a avaliação referente ao curso. Tanto as notas das lições quanto a da avaliação serão consideradas para a nota final. Todos os módulos ficarão visíveis para que possam ser consultados durante a avaliação final.

    Aconselhamos a leitura da “Ambientação do Moodle” para que você conheça a plataforma de Ensino a Distância, evitando dificuldades advindas do “desconhecimento” sobre a mesma.

    Os instrutores estarão a sua disposição ao longo de todo curso. Qualquer dúvida deverá ser enviada no fórum. Diariamente os monitores darão respostas e esclarecimentos.

    PROGRAMA

    O curso Acessibilidade oferecerá o seguinte conteúdo:

    • Introdução à Acessibilidade Web;
    • Projetando e testando uma página acessível;
    • Acessibilidade em softwares no mercado;
    • Técnicas para um WebDesign acessível.

    AVALIAÇÃO

    Toda a avaliação será feita on-line.

    Aspectos a serem considerados na avaliação:

    • Iniciativa e autonomia no processo de aprendizagem e de produção de conhecimento;
    • Capacidade de pesquisa e abordagem criativa na solução de problemas apresentados.

    Instrumentos de avaliação:

    • Participação ativa nas atividades programadas.
    • Avaliações dentro das lições.
    • Avaliação ao final do curso.

    Ao final do curso, o participante fará a avaliação final referente a todo o conteúdo do curso. Para a aprovação e obtenção do certificado o participante deverá obter nota final maior ou igual a 6.0 de acordo com a fórmula abaixo:

    Nota Final = ((ML x 7) + (AF x 3)) / 10

    ML = Média aritmética das lições
    AF = Avaliação final

    Sua participação será importante em todas as atividades propostas.

    REFERÊNCIAS BIBLIOGRÁFICAS

    Página oficial do Acessibilidade Brasil: http://www.acessobrasil.org.br/
    Página oficial do WAI: http://www.w3.org/WAI/
    Apostila do Curso Estuda Silva, Acessibilidade Brasil.
    Símbolo de Acessibilidade à Web: http://ncam.wgbh.org/webaccess/symbolwinner.html
    Curso de Acessibilidade, CDTC: http://www.cursos.cdtc.org.br

    Acessibilidade na Web: Custo ou Benefício?

    Vídeo – Acessibilidade na Web: Custo ou Benefício?

    Equipe da Acesso Digital no principal dia da gravação do vdeo - Acessibilidade na Web: Custo ou Benefcio? Na foto: Horácio Soares, Lêda Spelta, MAQ - Marco Antonio de Queiroz e Bruno Torres.

    A acessibilidade no desenvolvimento de sites não é uma concessão, um ato de boa vontade para com usuários com necessidades específicas: é uma visão estratégica e lucrativa.

    Imagine o site de uma loja ou de um banco construídos sem a acessibilidade adequada: uma pessoa com deficiência ou com qualquer tipo de dificuldade de acesso – potenciais clientes – estarão automaticamente excluídos. E o que dizer dos sites de serviços públicos?

    Esse vídeo de 12 minutos sobre a Acessibilidade Web, mostra algumas das principais barreiras de diversos sites e suas soluções. Conheça na íntegra esse projeto e baixe o vídeo em um dos formatos disponíveis no link abaixo:

    seta Vídeo: “Acessibilidade na Web: Custo ou Benefício?

    Acessibilidade, web Standards, Usabilidade.

    Acessibilidade de verdade é a soma de acessibilidade + web standards + usabilidade. Desenvolvemos uma metodologia que vai além da acessibilidade, pois leva em conta o contexto social.

    Achei genial e emocionante a idéia, estou procurando como partipar e ajudar nesse projeto :) QUERO ENTRAR NESSE TIME!

    LINKS:

    Related Posts Plugin for WordPress, Blogger...

    « Previous Page