eMAG – Conteúdo/Informação por Caio, Luiz Fernando e Matheus Krol

Uma imagem vale mais que mil palavras?

O que uma pessoa com deficiência visual diria desse ditado.

Sites, páginas de noticias, redes sociais, sabem que focar em imagens para transmitir informação ao leitor é sempre uma excelente opção. Segundo dados:

    90% das informações transmitidas ao cérebro são visuais, e as imagens são processadas 60 mil vezes mais rápido no cérebro que os textos. (Fontes: 3M e Zabisco)

    40% das pessoas respondem melhor à informação visual do que a um texto simples. (Fonte: Zabisco).

Quantas vezes nós clicamos em um link simplesmente por causa da foto usada para ilustrar?, e o que você faria se soubesse que a forma que você usa para informar seu leitor não pudesse ser

            Na prática, as recomendações passadas no documento do eMAG, mostram que o site tem que mostrar clareza em links, descrevendo melhor o caminho de cada um com o objetivo de não exercer verborragia. O painel de amostra para o usuário conforme  as recomendações do documento buscam trazer uma objetividade maior, menos conteúdo e saídas mais viáveis para o destino em que o usuário deseja. As informações sobre cada elemento da página tem de ser completas e descritas da melhor forma para que se adapte a linguagem de usuário e também ao próprio usuário. No caso podemos referir a casos em que o usuário tenha algum tipo de problema visual propondo a ele uma melhor forma de atendimento e compreensão do conteúdo exposto.

            As recomendações estão bastante voltadas a apropriação de conteúdo, propondo buscar sentido em todo o documento apresentado. Com isso as propriedades da interface precisam ser bem modeladas. Tamanhos de frases, formulação de frases, localização de elementos, etc, são formas de apropriar melhor todos os blocos apresentados.

Solução

Transformar imagens em textos descritivos é um passo importante para a acessibilidade. Algumas ferramentas e extensões de navegadores exercem a função de ler e falar ao usuário o conteúdo de páginas online.

Parece algo simples e sem relevância, mas para uma pessoa com deficiência visual isso faria toda a diferença.

Mas as imagens de paisagens e a de pessoas famosas não são as únicas figuras que poderiam ser informadas aos leitores de forma descritivas.

Informações como cores na barra de títulos, podem tornar a leitura mais interessante e chamativa.

            É recomendado que o título, definido pelo elemento caption, seja o primeiro elemento utilizado após a declaração do elemento table.Quando a tabela for muito extensa, deve ser fornecido um resumo de seus dados, passados através do atributo summary, utilizado dentro do elemento table.

            Sempre conseguir associar as células de dados com as células de cabeçalho, com o objetivo de melhorar o agrupamento. Para tabelas mais complexas, é indicado que seja utilizado marcações para conseguir associar os dados com o cabeçalho. As formas mais adequadas de fazer essa associação é através dos elementos id/headers ou scope/col.Outra maneira de conseguir fazer esse vínculo é utilizando o axis. É uma forma de conseguir mais um auxilio verbal na hora que o leitor de tela encontrar um header.