@TUR – Acessibilidade na Web

18
@TUR – Acessibilidade na Web http:// aturnoticias.azurewebsites.net

Transcript of @TUR – Acessibilidade na Web

@TUR – Acessibilidade na Webhttp://

aturnoticias.azurewebsites.net

Work Team

Carlos Henrique

Jean Ernesto

Leonardo Marchesi

Luciano de Souza

Priscila Moreira

Rodrigo Cezar Boaretto

Convidado especial: Anderson

Agenda

Justificativa

Objetivo

Comparativos

Workflow

Site

Demonstração

Projetos Futuros

JustificativaBrasil:

6,5 milhões de pessoas com deficiência visual;

6 milhões com baixa visão;

582 mil são cegos.

Fonte: IBGE Senso

2010

Outros 29 milhões de pessoas declararam

possuir alguma dificuldade permanente de

enxergar, ainda que usando óculos ou lentes

NORTE 574.823 3.6%

NORDESTE 2.192.455

4.1%

SUDESTE 2.508.587 3.1%

SUL 866.086 3.2%

CENTRO-OESTE 443.357 3.2%

JustificativaVeículo: Mundo Estranho – Editora Abril

Saiba mais: http://mundoestranho.abril.com.br/materia/como-os-cegos-usam-a-internet

JustificativaVeículo: Techtundo– Globo.com

Saiba mais: http://www.techtudo.com.br/noticias/noticia/2013/07/acessibilidade-de-deficientes-visuais-

na-internet-e-tema-no-fisl14.html

Objetivo

Desenvolver um portal de noticias, que

receba feeds dos principais portais de modo

acessível para pessoas com deficiência

visual.

ComparativosPORTAIS TRADICIONAIS

@TUR NOTICIAS

POP UP’s

EXCESSO DE PROPAGANDA

ESTRUTURA HTML DESORGANIZADA

DIFICULDADE EM NAVEGAÇÃO COM “TAB”

CAIXAS DE FORMULÁRIOS NÃO ACESSÍVEIS AO LEITOR DE

TELA

SEM USO DE POP UP’s

PROPAGANDA INVISÍVEL AO LEITOR DE TELAS

ESTRUTURA HTML ORGANIZADA

NAVEGAÇÃO AMIGAVEL COM “TAB”

CAIXAS DE FORMULÁRIOS ACESSÍVEIS AO LEITOR DE TELA

Comparativos

Comparativos

Comparativos

WorkflowPORTAIS DE NOTICIAS (PROVEDORES DE

CONTEÚDO)

LINK PARA OS FEEDS DE NOTICIAS

ATUR NOTICIAS – RECEPTOR DE NOTICIAS

RESUMO DE NOTÍCIAS SEPARADAS POR

CATEGORIAS

FORMULÁRIO DE MENSAGEM ACESSÍVEL

LEITOR DE TELAS

DEFICIENTE VISUAL

WorkflowPORTAIS DE NOTICIAS (PROVEDORES DE CONTEÚDO): Utilizar os links XML (FEEDS) disponibilizados pelos portais de notícias e agrupa-los em um único lugar (ATUR NOTÍCIAS).

LINGUEGEM HTML: Desenvolvimento do frontend com o auxílio do bootstrap para garantir à adaptação da página em qualquer dispositivo.

LINGUEGEM JAVASCRIPT: Tratamos as informações recebidas através dos feeds e criamos pequenos resumos dentro de cada categoria e desenvolvimento do formulário de contato.

C#: WEBAPI foi a tecnologia aplicada para administrar o backend do site, responsável em intermediar os contatos enviados através do usuário.

SQL: Banco criado em SQL para armazenar contatos enviados através do usuário.

Site

Site

Site

Projetos Futuros

- Ampliar o formato de apresentação da notícia;- Adequar a publicidade dentro do portal;- Desenvolver um aplicativo para dispositivos móveis;

Obrigado