Re: [Acesso Digital] Re: Imagem como logomarca

Olá,

A Cynthia escreveu:
"Não seria menos repetitivo, e até faria mais sentido se, ao invés do
H1 na imagem do logo, o nome do site fosse acessado pela tag title do
documento?"

O título do documento não é lido pelo NVDA. Quando estamos no início
de uma página e pressionamos seta para cima o Jaws lê o Title do
documento, mas o NVDA não faz isso. Experimentei aqui em vários Sites
antes de escrever só para verificar se realmente continuava a fazer
isso e se não dependia do modo de leitura, visualização de ecrã ligado
ou desligado, e realmente não lê. Portanto o melhor mesmo é colocar um
H1 para o nome do Site na página inicial de um Site.
Até há bem pouco tempo concordava com o MAQ com a colocação do H1 em
todas as páginas para o nome do Site e até dava o exemplo de um livro
em que o título principal é o nome do livro e depois temos um índice
com níveis de cabeçalho hierarquicamente mais baixos, mas agora começo
a achar que faz mais sentido colocar o H1 nas restantes páginas no
assunto principal daquela página não só porque temos vantagens na
rapidez de navegação, mas também porque vamos mais de encontro às
"políticas" de SEO.
Com o Jaws não há problema de saber qual o título do Site se formos
para o início da página;
com o NVDA ou outros é uma questão de irmos para o início da página e
depois saltar para o logótipo do Site e se este estiver bem descrito
temos sorte e descobrimos o nome do Site; (risos)
E se quisermos saltar rapidamente para o conteúdo principal da página,
para o título principal, basta pressionar a tecla 1 ou, se o H1 for o
primeiro cabeçalho da página, apenas H uma vez!
A partir de certas versões do Jaws não podemos avançar para um
cabeçalho de nível hierárquico mas baixo se houver um nível mais alto
antes desse mais baixo. Por exemplo na página de resultados da
pesquisa do Google temos: Título da página como H1; Opções de pesquisa
e resultados ambos como H2 e cada entrada do resultado como H3. Assim,
se estiver no início da página e quiser saltar diretamente para a
primeira entrada não consigo carregando apenas no 3. Mas teria que
pressionar: 1, 2, 2, 3! No entanto, se estiver mais para o final da
página e quiser regressar ao título: Resultados da pesquisa posso
fazer shift 2 e passo por cima de todos os cabeçalhos H3.
Quem é que disse que a informática é uma ciência exacta? hem? lol

Ah! O Webvox V4.8 parece que lê o título da página
e já salta de cabeçalho em cabeçalho e ainda... já funciona em formulários! lol

Abraço acessível finalmente enviado com o NVDA (sorriso),
NSousa


On 7/14/12, MAQ <maq@bengalalegal.com> wrote:
>
> Oi Carlos e Norberto, bom dia (Em Portugal já deve ser boa tarde!).
>
> A resposta que eu iria dar é exatamente a do Norberto. Não há repetição dos
>
> atributos quando aparecem juntos.
>
> A acessibilidade em se colocar o atributo title em uma imagem não é
> exatamente para pessoas cegas, pois nossos leitores leem o alt naturalmente
>
> em qualquer navegador. O title é colocado para pessoas com deficiência
> visual, pois, somente no IE aparece uma box com o conteúdo do ALT quando
> focada a imagem. Nos outros navegadores, o alt não cria essa box, somente o
>
> title. Assim, quando coloco além do alt o title numa imagem é apenas para
> favorecer a acessibilidade de pessoas com baixa visão e até sem problemas de
>
> visão, cujo conteúdo do title possa ajudar na compreenção de alguma imagem.
>
> Sendo assim, pode-se colocar somente o alt numa imagem. Aliás, essa é a
> recomendação básica, pois o atributo alt é específico para imagens. Muitos
> desenvolvedores, ao seguirem os padrões web à risca, criticam a colocação do
>
> atributo title em imagens por estar fora dos padrões. Entretanto, isso
> facilita o acesso à informação de pessoas com deficiência visual não cegas
>
> às imagens.
>
> Se o title não for colocado, tudo bem, todos os leitores de tela lerão o
> alt, eles são programados para isso... mas somente o IE produzirá uma box
> com seu conteúdo visual, enquanto todos os outros navegadores ignorarão essa
>
> facilidade.
>
> Enquanto escrevia isso me passou um arrepio na espinha... isso foi até
> exatamente 8 meses atrás, quando refiz testes nesse sentido... quem sabe o
> Firefox e o Chrome já não produzem boxes ao se focar uma imagem que tenha
> somente o alt? Se isso já estiver acontecendo, RETIRO TUDO QUE DISSE!
> (risos).
>
> 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.
> ***
> -----Mensagem Original-----
> From: Norberto Sousa
> Sent: Friday, July 13, 2012 5:02 AM
> To: acessodigital@googlegroups.com
> Subject: Re: [Acesso Digital] Re: Imagem como logomarca
>
> Olá Carlos,
>
> Se uma imagem tiver o atributo Alt a maioria dos leitores ecrã lêem
> apenas o Alt.
> No caso do Jaws o Tittle só será lido se não houver Alt e, se não
> houver tittle nem Alt, o jaws vai tentar ler o endereço de alojamento
> da imagem, isto se nas configurações de eloquência (Insert + V para
> configurar temporariamente) estiver definido para ler todos os
> gráficos.
> O Jaws permite configurar para ler apenas gráficos etiquetados, com
> atributo Alt, com Tittle etc.
>
> MAQ, já experimentou ligar o cursor Jaws para ler o nome da Cynthia
> corretamente? lol
>
> Abraço,
> NSousa
>
> On 7/12/12, Carlos Nóbrega <carlos@trf2.jus.br> wrote:
>> Este primeiro parágrafo do MAQ me botou uma pulga na orelha: se eu coloco
>> numa imagem ALT e TITLE iguais, o leitor de tela não vai ler os dois,
>> gerando verborragia?
>>
>>
>>
>> Abraços!
>>
>>
>>
>> Carlos
>>
>>
>>
>> De: acessodigital@googlegroups.com
>> [mailto:acessodigital@googlegroups.com]
>> Em nome de MAQ
>> Enviada em: quinta-feira, 12 de julho de 2012 16:52
>> Para: acessodigital@googlegroups.com
>> Assunto: Re: [Acesso Digital] Re: Imagem como logomarca
>>
>>
>>
>>
>>
>> Oi Cynthia, boa tarde.
>>
>>
>>
>> Vários aspectos podem ser observados a favor do elemento h1/h6 para
>> colocarmos os títulos dos documentos. O principal deles é justamente o
>> salto. Se estou no topo da página e teclo a letra h e houver o nome do
>> site
>> em um h1, independente de estar com imagem ou apenas com texto, o
>> conteúdo
>> de h1 será falado para mim. Na imagem, claro, utilizando-se alt para IE e
>> title para FF e Chrome.
>>
>>
>>
>> A tag title não possui salto, apenas sonoralização e, mesmo assim, quando
>> se
>> chega nela em um link ao qual, para chegarmos diretamente, teríamos de
>> utilizar outros recursos como um accesskey. O único leitor de tela que
>> sonoriza diretamente um title colocado em um link é o Virtual Vision e,
>> mesmo assim, por erro. Ele quando sonoriza o title deixa de sonorizar
>> (falar) o texto do link.
>>
>>
>>
>> Resumindo a história, os h1/h6 (headings) são utilizados
>> internacionalmente
>> para se fazer títulos, assim como seu próprio nome indica (headings), e o
>> nome de um site é o primeiro e maior heading que ele possui.
>>
>>
>>
>> Considero, inclusive, um erro de acessibilidade na web a não colocação de
>> um
>> h1 no título que dá nome ao site. Mas, estamos aqui para aprender e
>> gostaria
>> de saber qual o motivo semântico de não se colocar um h no título do
>> site?
>> Para que serve, nos padrões web, os headings?
>>
>>
>>
>> Quanto aos hiperlinks com o atributo title, além de não possuirem saltos
>> passam dispercebidos pela maioria dos leitores de tela. Poucos deles leem
>> titles. Sendo assim, não são universais. Entretanto, como já disse em
>> e-mail
>> anterior, os headings também não são universais, pois navegadores como o
>> Webvox e o Virtual Vision o ignoram.
>>
>>
>>
>> A amiga lembra das questões criadas em CSS pelo IE6 e outros navegadores,
>>
>> a
>> difícil harmonia da apresentação que tínha-se de se criar entre os
>> navegadores devido ao fato do IE estar fora dos padrões? Isso acontece
>> também com nossos leitores de tela. Os modernos, como o NVDA e Jaws fazem
>> saltos nos elementos, os antigos Webvox e Virtual Vision não. Dessa
>> forma,
>> os saltos para os antigos leitores são feitos apenas por âncoras criadas
>> pelo desenvolvedor e nos links também. Assim, como em geral colocam a
>> volta
>> a página principal nas logomarcas dos sites para que, nas páginas
>> internas
>> possa se chegar à principal, caso se faça isso, pode-se acabar fazendo um
>> link para a página principal na própria página principal caso não se tome
>> cuidado em alguns CMSs. Caramba, vamos chegar ao final do mundo
>> conversando
>> sobre isso. Mas, te garanto que, se colocarmos um h na logomarca,
>> estaremos
>> fazendo acessibilidade. Tentamos aproveitar o melhor possível os recursos
>> oferecidos para podermos navegar da forma mais rápida e otimizada
>> possível
>> e
>> o recurso do h1 na logomarca é um deles.
>>
>>
>>
>> Não sei se a amiga sabe, mas no caso dos h1/h6 se teclarmos o número do h
>> ele navega diretamente para cada número... assim, se eu quiser somente
>> navegar por h2, basta eu ir teclando 2, 2, 2, e irei passando de h2 em h2
>> na
>> página... Se teclar apenas o número 1... pimba, estarei diretamente
>> sabendo
>> o nome do site! Não há nada mais rápido que isso para nós... para quem
>> enxerga, basta direcionar o olhar... para nós, temos de direcionar o
>> cursor.
>> Que acha?
>>
>>
>>
>> Abraços acessíveis e fáceis de usar 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 <mailto:cynazem@gmail.com>
>>
>> Sent: Thursday, July 12, 2012 10:48 AM
>>
>> To: acessodigital@googlegroups.com
>>
>> Subject: Re: [Acesso Digital] Re: Imagem como logomarca
>>
>>
>>
>> Oi MAQ,
>>
>>
>>
>> Muito obrigada pelos esclarecimentos.
>>
>> Já tinha lido a respeito da navegação através dos títulos, mas não me
>> toquei
>> desse aspecto com relação ao logotipo e, em especial, ao nome do site.
>>
>> Ainda assim, não estou completamente convencida (risos). Me falta mais
>> experiência com os leitores de tela.
>>
>> Não seria menos repetitivo, e até faria mais sentido se, ao invés do H1
>> na
>> imagem do logo, o nome do site fosse acessado pela tag title do
>> documento?
>>
>>
>>
>>
>>
>>
>> Abraços,
>>
>> Cynthia Azevedo Magalhães
>> (21) 7293.1103 \ 3176.1991
>> @cynazem
>>
>>
>>
>>
>> Em 12 de julho de 2012 00:21, MAQ <maq@bengalalegal.com> escreveu:
>>
>>
>>
>> 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) <tel:%2821%29%209912-0000> 9912-0000.
>> ***
>>
>>
>>
>> From: Cynthia <mailto:cynazem@gmail.com> 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 <tel:%2831%29%209480-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
>>
>>
>>
>> --
>> 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
>
> --
> 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