@tur – acessibility on web

Post on 14-Aug-2015

94 Views

Category:

Technology

0 Downloads

Preview:

Click to see full reader

TRANSCRIPT

@TUR – Acessibility on Webhttp://

aturnoticias.azurewebsites.net

Work Team

Carlos Henrique

Jean Ernesto

Leonardo Marchesi

Luciano de Souza

Priscila Moreira

Rodrigo Cezar Boaretto

Special guest: Anderson

Agenda

Justification

Goal

Comparative

Workflow

Website

Demo

Future

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%

JustificationVehicle: Strange World – Editora Abril

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

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

Goal

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

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

Comparative

Comparative

Comparative

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

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.

Website

Website

Website

Future

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

Thank you

top related