ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS

Bacharelado em Sistemas de Informação

Aluno: Vinícius Almeida Maciel RibeiroOrientador: Welington Costa Monteiro

Sete Lagoas, 2013

INTRODUÇÃO• Cerca de 46 milhões de Brasileiros

possuem algum tipo de deficiência;

2ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS

• Popularização da internet e de serviços Online;

• Cumprimento das leis de acessibilidade.

Leis• 5.296 (dez/04)• 6.949 (ago/09)

OBJETIVO

Este trabalho tem como objetivo geral propor uma reformulação na página inicial do portal

da prefeitura municipal de Caetanópolis, baseado nos padrões W3C para correção de

falhas relacionadas à acessibilidade.

3ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS

METODOLOGIA

Avaliação de Acessibilidade.

4ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS

Uso de tags HTML5.

METODOLOGIA

5ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS

• Desenvolvimento a partir de padrões de acessibilidade;

• Correção de Erros Prioridade 1.

RESULTADOS E DISCUSSÃO

6ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS

• Layout atual do portal.

RESULTADOS E DISCUSSÃO

7ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS

• Melhorias e modificações estruturais.

Barra de acessibilidade.

RESULTADOS E DISCUSSÃO

8ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS

• Melhorias e modificações estruturais.

Novo cabeçalho da página.

RESULTADOS E DISCUSSÃO

9ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS

} Novo menu lateral. Unificado e

organizado por seções.

RESULTADOS E DISCUSSÃO

10ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS

}Nova seção de notícias.

RESULTADOS E DISCUSSÃO

11ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS

Pesquisa em destaque na lateral e

informações de ouvidoria.

}

RESULTADOS E DISCUSSÃO

12ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS

Layout final do novo portal.

Layout com contraste alterado.

RESULTADOS E DISCUSSÃO

13ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS

Redução na codificação

050

100150200250300350400450

Código fonte an-terior

• Redução na quantidade de linhas de código.

-64,41 %

CONSIDERAÇÕES FINAIS

14ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS

• Correções e melhorias na página inicial;

• Incentivo do W3C;

• Existência de diversos recursos para prover acessibilidade;

• Facilidade na criação de conteúdo acessível.

AGRADECIMENTOS

15

Obrigado a todos pela presença!

@vini_mRibeiro

vy_ribeiro@yahoo.com.br

www.transformandoaweb.com.br

}