Your SlideShare is downloading. ×
0
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
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
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
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
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
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
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
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
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
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

534

Published on

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

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
534
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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

×