Análise e reformulação da página inicial do site uel.br com base nas premissas de A&U utilizando HTML5 e CSS3

Análise e reformulação da página inicial do site uel.br com
base nas premissas de A&U utilizando HTML5 e CSS3 07/03/12 - 21:41:50

Frederico de Figueiredo Siena
kardeco@gmail.com
Hericson Ramos Forti
sis4web@gmail.com
Rennan Martini Rodrigues
1
martini.rennan@gmail.com


Licença de Uso
Este material está
disponibilizado sob a
licença Creative
Commons, e pode ser
distribuído conforme
especificado no quadro
ao lado.
A propriedade das imagens utilizadas neste material, são de
direito de seus respectivos autores/proprietários. Esta
licença não se aplica a nenhuma imagem exibida - para

utilização das mesmas obtenha autorização junto ao(s)
autor(es).

  http://creativecommons.org/licenses/disclaimer-popup?lang=pt 2
 http://creativecommons.org/licenses/by-nc-sa/2.5/br/legalcode


Roteiro
Acessibilidade e Usabilidade
Análise inicial do site www.uel.br
Validações realizadas
Readequações realizadas
Conclusão
Perguntas

3


Acessibilidade e Usabilidade
Acessibilidade para WEB é permitir que os mais
diferentes tipos de pessoas, com as mais
diferentes tipos de deficiências e limitações
possam participar do processo de inserção como
cidadão. Este processo consiste do ato do
indivíduo não apenas como agente passivo, mas
capaz de navegar e contribuir com o conteúdo,
além de adaptar a “exibição” às suas
necessidades, porém não garante que o agora
usuário esteja satisfeito e apto a utilizar os
serviços de modo eficiente visando atingir seu
objetivo inicial. Neste aspecto a Usabilidade tem
papel fundamental em garantir a Acessibilidade
com eficiência. 4


Das 25 imagens presentes, nenhuma possui
legenda, não têm texto alternativo e não fazem
uso do atributo "alt".

Dos 5 links que são sendo ativados unicamente
através de scripts, o conteúdo do atributo "href"
nos links deveria indicar um recurso válido, ou
seja, uma direção (URL) à qual se pode atender
mesmo quando não se consegue atender aos
scripts.

5


Os seguintes erros listados visam atender o
obstáculo de acessibilidade no Nível de
Prioridade 2:

A página não contém uma declaração do tipo de
documento (DTD);

A folha de estilos contém erros;

Foram detectados tamanhos de fonte definidos
em px nos valores das folhas de estilo;

Existem 27 links com o atributo "target";
6


Existem 27 links com o atributo "target";

Dos dois 2 formulários existentes nenhuma
etiqueta <label> foi definida.

Os próximos erros relatados visam atender o
obstáculo de acessibilidade no Nível de
Prioridade 3:
Não se encontra especificado o idioma principal
na tag <HTML>. Isso dificulta a interpretação
correta para a utilização de tecnologias
assistivas, como é o caso do leitor de telas NVDA,
que não consegue ler de forma correta as
palavras do idioma português. 7


Além de todos esses erros listados também nota-
se que o design do portal não atende as
necessidades de usabilidade.

A informação está concentrada em blocos
pequenos centralizados na tela, dificultando a
navegação entre os itens.

8


www.uel.br acessado em 01/11/2011

9


Validações Realizadas

10



11



12



13



14


Utilização da marcação HTML 5 para adoção de
elementos com maior semântica;
Remoção de atributos obsoletos na linguagem,
como o atributo “target”;
Utilização de roles para aplicação web rica e
acessível (ARIA);
Utilização de atributos acessíveis em formulários,
como o “accesskey” e o “tabindex”;
Readequação do layout sem afetar a estrutura
informacional da página, para uma melhor
compreensão da disposição de cada elemento e
dos blocos de informação;

15


Utilização de conteúdos alternativos caso o
navegador não ofereça suporte a tag <script>;
Representação textual das imagens através do
atributo “alt”, contextualizando a foto
selecionada;
Padronização de tamanhos de fontes para texto
com a medida em “EM” para se adequar aos
mais diversos tipos de dispositivos;
Melhor pontuação no relatório de validadores de
acessibilidade, de preferência nos 3 níveis de
prioridade.

16


Conclusão
O HTML5 com todas as novidades ainda continua com
limitações de acessibilidade. Como sua utilização é um
padrão de mercado, a supressão destas dificuldades em
adequar o reconhecimento do conteúdo a tecnologias
assistivas, outras iniciativas e novos consórcios como o WAI
são formados, gerando novas marcações, permitindo aos
leitores de tela informar o conteúdo que o usuário irá
encontrar em cada seção do código. Esta é apenas uma das
aplicações do ARIA, que possui outras propriedades para
permitir que elementos interativos sejam acessíveis e
interoperáveis. 17


D ú v i d a s

18

Análise e reformulação da página inicial do site uel.br com base nas premissas de A&U utilizando HTML5 e CSS3

Recomendados

Recomendados

Mais conteúdo relacionado

Destaque

Destaque (12)

Semelhante a Análise e reformulação da página inicial do site uel.br com base nas premissas de A&U utilizando HTML5 e CSS3

Semelhante a Análise e reformulação da página inicial do site uel.br com base nas premissas de A&U utilizando HTML5 e CSS3 (20)

Mais de Frederico de Figueiredo Siena

Mais de Frederico de Figueiredo Siena (8)

Análise e reformulação da página inicial do site uel.br com base nas premissas de A&U utilizando HTML5 e CSS3