18
@TUR – Acessibility on Web http:// aturnoticias.azurewebsites.net

@TUR – Acessibility on Web

Embed Size (px)

Citation preview

Page 1: @TUR – Acessibility on Web

@TUR – Acessibility on Webhttp://

aturnoticias.azurewebsites.net

Page 2: @TUR – Acessibility on Web

Work Team

Carlos Henrique

Jean Ernesto

Leonardo Marchesi

Luciano de Souza

Priscila Moreira

Rodrigo Cezar Boaretto

Special guest: Anderson

Page 3: @TUR – Acessibility on Web

Agenda

Justification

Goal

Comparative

Workflow

Website

Demo

Future

Page 4: @TUR – Acessibility on Web

JustificationBrazil:

6,5 million people with visual disabilities;

6 million with low vision;

582 thousand are blind.

Source: IBGE Senso

2010

Another 29 million people declared to have

some permanent difficulty seeing , even if

wearing glasses or lenses

NORTH 574.823 3.6%

NORTHEAST 2.192.455 4.1%

SOUTHEAST 2.508.587 3.1%

SOUTH 866.086 3.2%

MIDWEST 443.357 3.2%

Page 5: @TUR – Acessibility on Web

JustificationVehicle: Strange World – Editora Abril

Get to know more : http://mundoestranho.abril.com.br/materia/como-os-cegos-usam-a-internet

Page 6: @TUR – Acessibility on Web

JustificationVehicle: Techtudo – Globo.com

Get to know more: http://www.techtudo.com.br/noticias/noticia/2013/07/acessibilidade-de-deficientes-

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

Page 7: @TUR – Acessibility on Web

Goal

Develop a news portal, that receives feeds from main ones but in an accessible manner for people who have visual disability.

Page 8: @TUR – Acessibility on Web

ComparativeTRADITIONAL PORTALS

@TUR NEWS

POPUP’s EXCESS OF ADVERTISING POOR HTML STRUCTURE PAINFULL NAVIGATION BY 'USING' "TAB " FORMS ARE NOT ACESSIBLE TO SCREEN READER

NO POPUP’s INVISIBLE ADVERTISING TO SCREENS READER BETTER HTML STRUCTURE FRIENDLY NAVIGATION BY 'USING' “TAB” FORMS ACESSIBLE TO SCREEN READER

Page 9: @TUR – Acessibility on Web

Comparative

Page 10: @TUR – Acessibility on Web

Comparative

Page 11: @TUR – Acessibility on Web

Comparative

Page 12: @TUR – Acessibility on Web

Workflow

NEWS PORTALS (CONTENT PROVIDER)

LINKS TO THE NEWS FEED

ATUR NEWS – RECEIVER OF NEWS

CATEGORIZED BRIEF NEWS

MESSAGE FORM ACESSIBLE

SCREEN READER

VISUAL DISABILITY

Page 13: @TUR – Acessibility on Web

WorkflowPORTALS OF NEWS (CONTENT PROVIDERS) : By using XML links (FEEDS Aggregator) provided by each portal the ATUR NEWS categorize and aggregates this news putting everything together in one place. 

HTML:  Front-end developed based on bootstrap help make sure that the interface adapts to any device .

JavaScript: We treat the information received through the feeds and create summaries within each category. Also we develop the contact form for user reports.

C#: WebAPI was the technology used to manage the backend of the website, and for linking reports sent by the user.

SQL: A Database was created in SQL to keep the reports sent by the user.

Page 14: @TUR – Acessibility on Web

Website

Page 15: @TUR – Acessibility on Web

Website

Page 16: @TUR – Acessibility on Web

Website

Page 17: @TUR – Acessibility on Web

Future

- Expand the news presentation format;- Adapt the advertising inside the portal;- Develop a mobile based application;

Page 18: @TUR – Acessibility on Web

Thank you