Análise e reformulação da página inicial do site uel.br combase nas premissas de A&U utilizando HTML5 e CSS3          07/0...
Análise e reformulação da página inicial do site uel.br combase 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...
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/1...
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...
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...
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...
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...
Análise e reformulação da página inicial do site uel.br combase nas premissas de A&U utilizando HTML5 e CSS3     07/03/12 ...
Análise e reformulação da página inicial do site uel.br combase nas premissas de A&U utilizando HTML5 e CSS3     07/03/12 ...
Análise e reformulação da página inicial do site uel.br combase nas premissas de A&U utilizando HTML5 e CSS3     07/03/12 ...
Análise e reformulação da página inicial do site uel.br combase nas premissas de A&U utilizando HTML5 e CSS3     07/03/12 ...
Análise e reformulação da página inicial do site uel.br combase nas premissas de A&U utilizando HTML5 e CSS3     07/03/12 ...
Análise e reformulação da página inicial do site uel.br combase nas premissas de A&U utilizando HTML5 e CSS3     07/03/12 ...
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...
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...
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 combase nas premissas de A&U utilizando HTML5 e CSS3     07/03/12 ...
Upcoming SlideShare
Loading in …5
×

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

700 views

Published on

Seminário apresentado no curso de especialização de Desenvolvimento Web na UTFPR Câmpus Londrina em 2011.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
700
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

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

  1. 1. Análise e reformulação da página inicial do site uel.br combase 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
  2. 2. Análise e reformulação da página inicial do site uel.br combase nas premissas de A&U utilizando HTML5 e CSS3 07/03/12 - 21:41:50 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
  3. 3. 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:51 RoteiroAcessibilidade e UsabilidadeAnálise inicial do site www.uel.brValidações realizadasReadequações realizadasConclusãoPerguntas 3
  4. 4. 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:51 Acessibilidade e UsabilidadeAcessibilidade para WEB é permitir que os maisdiferentes tipos de pessoas, com as maisdiferentes tipos de deficiências e limitaçõespossam participar do processo de inserção comocidadão. Este processo consiste do ato doindivíduo não apenas como agente passivo, mascapaz de navegar e contribuir com o conteúdo,além de adaptar a “exibição” às suasnecessidades, porém não garante que o agorausuário esteja satisfeito e apto a utilizar osserviços de modo eficiente visando atingir seuobjetivo inicial. Neste aspecto a Usabilidade tempapel fundamental em garantir a Acessibilidadecom eficiência. 4
  5. 5. 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:51 Análise inicial do site www.uel.brDas 25 imagens presentes, nenhuma possuilegenda, não têm texto alternativo e não fazemuso do atributo "alt".Dos 5 links que são sendo ativados unicamenteatravés de scripts, o conteúdo do atributo "href"nos links deveria indicar um recurso válido, ouseja, uma direção (URL) à qual se pode atendermesmo quando não se consegue atender aosscripts. 5
  6. 6. 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:51 Análise inicial do site www.uel.brOs seguintes erros listados visam atender oobstáculo de acessibilidade no Nível dePrioridade 2:A página não contém uma declaração do tipo dedocumento (DTD);A folha de estilos contém erros;Foram detectados tamanhos de fonte definidosem px nos valores das folhas de estilo;Existem 27 links com o atributo "target"; 6
  7. 7. 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:51 Análise inicial do site www.uel.brExistem 27 links com o atributo "target";Dos dois 2 formulários existentes nenhumaetiqueta <label> foi definida.Os próximos erros relatados visam atender oobstáculo de acessibilidade no Nível dePrioridade 3:Não se encontra especificado o idioma principalna tag <HTML>. Isso dificulta a interpretaçãocorreta para a utilização de tecnologiasassistivas, como é o caso do leitor de telas NVDA,que não consegue ler de forma correta aspalavras do idioma português. 7
  8. 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 07/03/12 - 21:41:51 Análise inicial do site www.uel.brAlém de todos esses erros listados também nota-se que o design do portal não atende asnecessidades de usabilidade.A informação está concentrada em blocospequenos centralizados na tela, dificultando anavegação entre os itens. 8
  9. 9. Análise e reformulação da página inicial do site uel.br combase nas premissas de A&U utilizando HTML5 e CSS3 07/03/12 - 21:41:51 www.uel.br acessado em 01/11/2011 9
  10. 10. Análise e reformulação da página inicial do site uel.br combase nas premissas de A&U utilizando HTML5 e CSS3 07/03/12 - 21:41:52 Validações Realizadas 10
  11. 11. Análise e reformulação da página inicial do site uel.br combase nas premissas de A&U utilizando HTML5 e CSS3 07/03/12 - 21:41:52 Validações Realizadas 11
  12. 12. Análise e reformulação da página inicial do site uel.br combase nas premissas de A&U utilizando HTML5 e CSS3 07/03/12 - 21:41:53 Validações Realizadas 12
  13. 13. Análise e reformulação da página inicial do site uel.br combase nas premissas de A&U utilizando HTML5 e CSS3 07/03/12 - 21:41:54 Validações Realizadas 13
  14. 14. Análise e reformulação da página inicial do site uel.br combase nas premissas de A&U utilizando HTML5 e CSS3 07/03/12 - 21:41:55 Validações Realizadas 14
  15. 15. 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:56 Readequações realizadasUtilização da marcação HTML 5 para adoção deelementos com maior semântica;Remoção de atributos obsoletos na linguagem,como o atributo “target”;Utilização de roles para aplicação web rica eacessível (ARIA);Utilização de atributos acessíveis em formulários,como o “accesskey” e o “tabindex”;Readequação do layout sem afetar a estruturainformacional da página, para uma melhorcompreensão da disposição de cada elemento edos blocos de informação; 15
  16. 16. 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:56 Readequações realizadasUtilização de conteúdos alternativos caso onavegador não ofereça suporte a tag <script>;Representação textual das imagens através doatributo “alt”, contextualizando a fotoselecionada;Padronização de tamanhos de fontes para textocom a medida em “EM” para se adequar aosmais diversos tipos de dispositivos;Melhor pontuação no relatório de validadores deacessibilidade, de preferência nos 3 níveis deprioridade. 16
  17. 17. 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:56 ConclusãoO HTML5 com todas as novidades ainda continua comlimitações de acessibilidade. Como sua utilização é umpadrão de mercado, a supressão destas dificuldades emadequar o reconhecimento do conteúdo a tecnologiasassistivas, outras iniciativas e novos consórcios como o WAIsão formados, gerando novas marcações, permitindo aosleitores de tela informar o conteúdo que o usuário iráencontrar em cada seção do código. Esta é apenas uma dasaplicações do ARIA, que possui outras propriedades parapermitir que elementos interativos sejam acessíveis einteroperáveis. 17
  18. 18. Análise e reformulação da página inicial do site uel.br combase nas premissas de A&U utilizando HTML5 e CSS3 07/03/12 - 21:41:56 D ú v i d a s 18

×