Re: [Acesso Digital] Re: Imagem como logomarca

 

Oi Bruno e Sintia,

 

Antes de mais nada, Sintia, desculpe-me por não escrever direito seu nome, não consigo soletração nos leitores de tela para os nomes que vem antes do assunto na caixa de entrada e não há subscrição de seu nome no corpo do e-mail.

 

Quanto ao assunto, sempre coloco h1 nas logomarcas de meus sites pelo fato do h1 servir para salto e a logomarca com o título do site ser a coisa mais importante de todos os títulos. A semantica do dos headings são exatamente para títulos e nos servem para saltos nas páginas web. Toda vez que, em navegadores modernos como o NVDA e o Jaws, teclamos a letra h em qualquer parte do site, a página rola até o próximo H, assim como se teclarmos t para a próxima tabela, c para a próxima combo, f para o próximo formulário, e para o próximo campo de edição,l para a próxima lista, i para o próximo item de lista, g para a próxima imagem etc. Assim, um h1 na logomarca faz com que tenhamos uma acessibilidade incrível na navegação, pois poderemos saber de imediato o título do site. Eu o coloco como primeiro título em todas as páginas do site por esse motivo de acesso rápido.

 

Atualmente, com html5, podemos colocar uma role com banner para que esse salto aconteça, mas o costume ainda me faz preferir teclar h e sair navegando pelo site com esses saltos por objetos, eu também os chamo de saltos por elementos, pois a maioria os possui. A página de resultados do Google utiliza h1 e landmarks, role banner ao mesmo tempo. Ele não deixa de ser semântico porque o título de um site  é o primeiro e principal título de uma página, sob o qual virão outros títulos e elementos.

 

Para pessoas com deficiência visual acaba por tornar-se uma excelente acessibilidade a navegação por títulos quando se quer ter uma ideia global do que existe no site e nada como se saber seu nome, certo? Deixar de colocar um h1 nessa informação deixa muitos cegos desconhecedores do nome do site, embora possamos navegar com setas para baixo até chegar o nome dele. Em navegadores e leitores de tela mais antigos é assim que fazemos, mas nos navegadores e leitores de tela que respeitam os padrões web esse tipo de navegação é esperada.

 

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

 

From: Cynthia Azevedo

Sent: Wednesday, July 11, 2012 5:47 PM

To: acessodigital@googlegroups.com

Subject: [Acesso Digital] Re: Imagem como logomarca

 

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

Linkedin: http://br.linkedin.com/pub/bruno-pulis/1a/158/b93

 

 

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