Seguidores

Tecnologia do Blogger.
RSS

Re: [Acesso Digital] Re: Imagem como logomarca

07:04 |

 
Oi Alexandre, bom dia.
 
A navegação por uma página web por pessoas com deficiência passou por várias etapas. Aqui no Brasil isso ficou mais nítido devido ao uso inicial do Webvox, navegador web do sistema Dosvox, uma tradução bem próxima do navegador Lynx.
 
A navegação pelo Webvox, até hoje, é feita através da tecla TAB, setas e enter, além de saltos por âncoras e para o início e final de página. O TAB navega sequencialmente de link em link, parando também em campos de edição de formulários. Assim, a pessoa cega que esteja no início de uma página web começa a teclar tab e vai seguindo de link em link/campo de edição, durante toda a página até chegar ao seu final. Pode, como alternativa, utilizar o salto para o conteúdo principal da página e outros saltos propositais e criados pelo desenvolvedor, que chegue  a pontos (Âncoras) específicos dessa página. Se a pessoa conhece alguma palavra  ou expressão que a leve diretamente a um lugar da página que lhe interesse, pode fazer uma busca direta por essa palavra e chegar ao seu destino. O Webvox é um navegador que denominamos como "somente texto", como que o destacando dos leitores de tela que denominamos como gráficos. Os "somente texto", em geral, com o Webvox acontece assim, não mostram na tela as cores da página, do fundo, das letras e nem executam scripts ou carregam imagens ou folhas de estilo. Digamos que seja um navegador somente para cegos. Se uma pessoa "vidente" (que enxerga) estiver vendo a tela de seu site através do Webvox, não o reconhece.
 
Com os leitores de tela gráficos, como o Virtual Vision, pouca coisa mudou, mas, por serem gráficos, a página aparece na tela como ela é... com suas imagens, cores etc. Entretanto a navegação na página continuava a mesma.
 
A grande mudança aconteceu bem próximo  do estouro dos blogs na web. Inicialmente os blogs começaram a possuir tantos links, por vezes mais de 1000 links numa página, que ficar teclando tab ou setas para passar por todo o site ficou inviável. Assim, com o surgimento da utilização dos padrões web (web standards) na construção de sites, as ideias de arquitetura da informação, semântica etc começaram a vingar e serem importantes no desenvolvimento web para pessoas com deficiência.
 
Assim, os saltos, antes só criados nos códigos html para serem utilizados com âncoras, ou seja, saltos para a mesma página através de links, passaram a existir de variadas formas, a maioria das quais transparentes às pessoas que enxergam, mas importantes para alguns segmentos de pessoas com deficiência. O primeiro deles são os saltos por elementos ou também chamados saltos por objetos. Eles, no entanto, só existem nos leitores de tela modernos como o NVDA e Jaws, e navegadores também modernos, como o IE, FF, Chrome, Safari... Assim, se no código eu coloco h1 Bengala Legal /h1 (não estou colocando o < e o > para não criar problemas para alguns navegadores), e digitar a letra h ele cai direto no h1... e nos próximos Hs existentes se eu for teclando o h. Mas posso fazer combinações... se eu quiser saltar para a primeira imagem (img) após o terceiro h... basta eu teclar três vezes h e uma vez o g (grafico) que irei parar diretamente no primeiro gráfico após o terceiro título. Assim, se o desenvolvedor trabalhar com os padrões web, a navegação fica tremendamente facilitada para nós, pessoas com deficiência que, através de saltos por objetos, podemos chegar a determinados lugares da página, antes somente alcançados através da tecla TAB ou por pesquisa direta. Esqueci de mencionar o Safari, que faz isso de forma semelhante, saltando de elemento em elemento marcado no roteador. Por isso coloquei aquelas letras no e-mail anterior..: g, l, i, h, t, que, digitado em qualquer lugar da tela por quem estiver navegando com os leitores de tela NVDA e Jaws, irá saltar para o próximo elemento da letra teclada, otimizando nossa navegação.
 
Por último, ARIA do HTML5, estão os landmarks, ou pontos de referência, que, no Jaws e teclado ABNT2, teclando-se ç (C cedilha) saltamos de landmark em landmark até chegarmos ao final da página. No caso do NVDA, devemos teclar a letra d.
 
Bem, depois desse tutorial cego, vou recomendar o artigo que fiz há algum tempo sobre esses saltos, nem me lembro se está bom, pois aprendi muitas coisas após fazê-lo. Mas acho que vale a pena conferir...
 
Abraços acessíveis do MAQ.    
 
***
Bengala Legal - Cegos, Inclusão e Acessibilidade: www.bengalalegal.com
Acessibilidade Legal - Sites Acessíveis para todos:
www.acessibilidadelegal.com
Twitter: http://twitter.com/bengala_legal
***
P. S.: Você está recebendo um e-mail de uma pessoa cega. Isto é inclusão
digital! Comemore conosco.
Uma sociedade inclusiva é aquela que reconhece, respeita e valoriza a
diversidade humana.
MAQ - Rio de Janeiro - CEL: (21) 9912-0000.
***
 
Sent: Thursday, July 12, 2012 8:45 AM
Subject: Re: [Acesso Digital] Re: Imagem como logomarca
 
Bom dia pessoal,
 
MAQ aproveitando sua resposta gostaria de perguntar sobre esses saltos de conteúdo que você disse em sua resposta.
São proporcionados pela ferramenta que lê a tela, ou seja introduzem no código tais informações que possibilite o salto, ou necessitam que estas informações já estejam na página.
 
Esta pergunta parte do meu interesse por acessibilidade em páginas web se os senhores tiverem referências sobre o assunto para me indicarem ficaria grato, pois estou este assunto para posterior desenvolvimento de alguma ferramenta que possa aumentar a acessibilidade nos sites visto que ainda existe um grande número de sítios que não os oferece.
 
Grato Alexandre.

Em 12 de julho de 2012 00:35, MAQ <maq@bengalalegal.com> escreveu:
 
Oi Bruno, boa noite.
 
Agora sei que é Cynthia! (risos).
 
Abraços nos dois. MAQ.
 
***
Bengala Legal - Cegos, Inclusão e Acessibilidade: www.bengalalegal.com
Acessibilidade Legal - Sites Acessíveis para todos:
www.acessibilidadelegal.com
Twitter: http://twitter.com/bengala_legal
***
P. S.: Você está recebendo um e-mail de uma pessoa cega. Isto é inclusão
digital! Comemore conosco.
Uma sociedade inclusiva é aquela que reconhece, respeita e valoriza a
diversidade humana.
MAQ - Rio de Janeiro - CEL: (21) 9912-0000.
***
 
Sent: Wednesday, July 11, 2012 8:26 PM
Subject: Re: [Acesso Digital] Re: Imagem como logomarca
 
Obrigado Cynthia pela reposta minha linha de racicionio foi parecida com isso mesmo. 


Em 11 de julho de 2012 17:47, Cynthia Azevedo <cynazem@gmail.com> escreveu:
Bruno, acredito que basta assegurar que sua imagem informe o atributo alt. Quanto às técnicas de identação do texto e imagem dentro de H1, embora muito utilizado, não acho que seja "semântico". Já comparei em vários sites considerados referência na área de desenvolvimento frontend e cada um está de um jeito diferente. Do ponto de vista da SEO, vi alguns vídeos de especialistas do Google no Youtube, que não incentivavam tais práticas. Se o logotipo é uma forma abstrata ou de uma tipografia difícil de se reproduzir com os elementos adequados para texto oferecidos com xhtml/css, então a imagem, apenas, é um elemento válido para comunicação, tanto do ponto de vista da semântica, como da acessibilidade e SEO. 
Vale ressaltar que não encontrei argumentos contra as práticas de identação de texto e imagem dentro de H1, mas a idéia de não usá-los é a que mais faz sentido para mim.

Em quarta-feira, 11 de julho de 2012 01h10min21s UTC-3, @brunopulis escreveu:
Boa Madrugada prezados,
 
Estou com uma dúvida no ponto de vista da acessibilidade tenha uma imagem referente a uma logomarca de um website que estou desenvolvendo.
Qual seria a melhor técnica prezando a acessibilidade, utilizar um text-indent na minha tag <h1> ou inserir uma imagem dentro do meu <h1> ?
 
Desde já agradeco a atencao de todos!
 
--
Abraços,
Bruno Pulis - (31) 9480-3164
Desenvolvedor Web
Linux User #535231
Ubuntu User #33747
 
Twitter: @brunopulis
 
 
--
Grupo "Acesso Digital" em Grupos do Google.
Para postar neste grupo, envie um e-mail para acessodigital@googlegroups.com
Para cancelar a sua inscrição neste grupo, envie um e-mail para acessodigital-unsubscribe@googlegroups.com
Para ver mais opções, visite este grupo em http://groups.google.com/group/acessodigital?hl=pt-BR
Acesso Digital - http://acessodigital.net


 
--
Abraços,
Bruno Pulis - (31) 9480-3164
Desenvolvedor Web
Linux User #535231
Ubuntu User #33747
 
Twitter: @brunopulis
 
 
--
Grupo "Acesso Digital" em Grupos do Google.
Para postar neste grupo, envie um e-mail para acessodigital@googlegroups.com
Para cancelar a sua inscrição neste grupo, envie um e-mail para acessodigital-unsubscribe@googlegroups.com
Para ver mais opções, visite este grupo em http://groups.google.com/group/acessodigital?hl=pt-BR
Acesso Digital - http://acessodigital.net
--
Grupo "Acesso Digital" em Grupos do Google.
Para postar neste grupo, envie um e-mail para acessodigital@googlegroups.com
Para cancelar a sua inscrição neste grupo, envie um e-mail para acessodigital-unsubscribe@googlegroups.com
Para ver mais opções, visite este grupo em http://groups.google.com/group/acessodigital?hl=pt-BR
Acesso Digital - http://acessodigital.net
 
--
Grupo "Acesso Digital" em Grupos do Google.
Para postar neste grupo, envie um e-mail para acessodigital@googlegroups.com
Para cancelar a sua inscrição neste grupo, envie um e-mail para acessodigital-unsubscribe@googlegroups.com
Para ver mais opções, visite este grupo em http://groups.google.com/group/acessodigital?hl=pt-BR
Acesso Digital - http://acessodigital.net

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Postado por Luceninha

0 comentários:

Postar um comentário

Assinar: Postar comentários (Atom)