Status: Evaluating bids

Acessibilidade Visual

Project details:
Budget: Open
Published: 28 days ago
Deadline: 10 days
Bids: 5
Interested freelancers: 6
Days until project expiration: 2 days
Description:
Temos uma aplicação desenvolvida em PHP utilizando o framework CodeIgniter e queremos revisar o seu código para torná-lo totalmente compatível com a ferramente NVDA de leitura de tela.
Grande parte do sistema já atende ao requisito, mas alguns componentes precisam ser revistos.
O sistema deverá atender, no mínimo os seguintes requisitos:
1. Check os textos alternativos para imagens que transmitam informação
Coloque o cursor sobre a imagem, por exemplo, o logotipo da empresa. Aparece na tela uma caixinha amarela [ou de uma outra cor, dependendo do set-up do computador] com um texto descritivo da imagem? Para usuários navegando com browsers sem suporte para imagens, será aquele texto descrito, visto (e/ou ouvido) no lugar da imagem.

2. Check os textos alternativos para imagens decorativas
Coloque o cursor sobre a imagem que não tem outra função senão decorativa. Aparece na tela uma caixinha com um texto descritivo da imagem? Não deverá aparecer. Não há qualquer razão para que usuários com browsers sem suporte para imagens tomem conhecimento de uma imagem decorativa.
Atenção ao realizar este teste. Se a caixinha não aparecer, isto pode ser interpretado e analisado de duas maneiras:
O texto alternativo para a imagem foi definido como inexistente - alt="" - significando que será ignorado pelo browser sem suporte para imagem. Esta situação é a ideal.
O texto alternativo para a imagem não foi definido, significando que usuários com browser sem suporte para imagem tomarão conhecimento da existência de uma imagem, mas não saberão qual o propósito dela - o que será uma situação frustrante para o usuário! Esta certamente é uma situação a ser evitada.

3. Check a acessibilidade de seus formulários e tabelas
Usualmente cada campo de formulário possui seu texto descritivo. Por exemplo, um formulário de contato possui os textos 'nome', 'e-mail' e 'comentários' cada um deles próximo ao seu respectivo campo onde os usuários entrarão com os seus dados. Clique sobre o texto descritivo do campo e deverá aparecer o cursor 'piscando' no campo respectivo. Se o cursor não aparecer é porque não foi usado o elemento no formulário e isto poderá tornar o formulário inacessível para alguns usuários (mais detalhes sobre acessibilidade em formulários, consulte:
(WaSP tutorial com mais informações sobre acessibilidade em formulários).

4. Check a possibilidade de aumentar o tamanho dos textos
No Internet Explorer (usado por 90% (nota do tradutor: dado da época em que o artigo foi escrito) dos internautas) vá em View > Font size > Largest. O texto do seu web site aumentou de tamanho? Se não aumentou o seu site estará inacessível para usuários portadores de baixa visão.

5. Check seu web site no browser Lynx
O browser Lynx é um browser de texto e não oferece suporte para muitas das facilidades oferecidas pelos outros browsers tal como o Internet Explorer. Você poderá checar como seu site se comporta em browsers de texto com o Simulador Lynx. Se o seu web site apresenta-se estruturado (se ele 'faz sentido') e você pode navegar por ele no Lynx então poderá estar certo de que muitos dos itens de acessibilidade estão em conformidade. O Lynx pode ser considerado como o 'menor denominador comum' dos browsers.

6. Check a navegabilidade sem uso de um mouse
Você pode navegar seu site usando somente tab, shift-tab e return? Se isto não for possível, seu site será inacessível para usuários impossibilitados do uso de mouse bem como a usuários com leitores de tela. Deixe seu mouse de lado e navegue com o teclado para testar.

7. Assegure-se que os textos dos links sejam descritivos para o destino remetido
Usuários portadores de deficiência visual total, navegam por sites na Internet valendo-se da 'tabulação' pelos links. Os textos descritivos dos links tem sentido? 'Clique aqui' e 'mais' são dois exemplos bem comuns de textos não descritivos para links. Se você estiver restrito a frases curtas para descrever seus links, considere o uso do atributo title no elemento a para suprir uma informação adicional sobre o destino do link, p.ex.: [Descontos adicionais](descontos.html)

8. Check sua página web em programas automatizados
Cito dois dos inúmeros programas automatizados de checagem disponíveis na Internet. São eles: Cyntia Says eWave. Estes programas, embora não não sejam capazes de todas as checagens possíveis para acessibilidade, já que alguns pontos só poderão ser checados por humanos lhe dará uma indicação em quais áreas os itens de acessibilidade precisam ser revistos.

Categoria: IT & Programação
Subcategoria: Desenvolvimento web
Qual é o alcance do projeto?: Alteração média
Isso é um projeto ou uma posição de trabalho?: Um projeto
Tenho, atualmente: Eu tenho especificações
Experiência nesse tipo de projeto: Sim (Eu já gerenciei esse tipo de projeto)
Disponibilidade requerida: Conforme necessário
Funções necessárias: Desenvolvedor
Do you need more information about this project?

Create your own project

Are you looking for a freelancer to work on a similar project? Create your own project and you'll receive proposals from the best freelancers.

Create a similar project

Client:

Hermes P.
(Rating 5.00 out of 5)
Location: Brasil
To find out more about this client, login to Workana.
Loading...