Download - @TUR – Acessibility on Web
![Page 1: @TUR – Acessibility on Web](https://reader036.vdocuments.mx/reader036/viewer/2022062515/55cd32e5bb61eb33688b4796/html5/thumbnails/1.jpg)
@TUR – Acessibility on Webhttp://
aturnoticias.azurewebsites.net
![Page 2: @TUR – Acessibility on Web](https://reader036.vdocuments.mx/reader036/viewer/2022062515/55cd32e5bb61eb33688b4796/html5/thumbnails/2.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022062515/55cd32e5bb61eb33688b4796/html5/thumbnails/3.jpg)
Agenda
Justification
Goal
Comparative
Workflow
Website
Demo
Future
![Page 4: @TUR – Acessibility on Web](https://reader036.vdocuments.mx/reader036/viewer/2022062515/55cd32e5bb61eb33688b4796/html5/thumbnails/4.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022062515/55cd32e5bb61eb33688b4796/html5/thumbnails/5.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022062515/55cd32e5bb61eb33688b4796/html5/thumbnails/6.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022062515/55cd32e5bb61eb33688b4796/html5/thumbnails/7.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022062515/55cd32e5bb61eb33688b4796/html5/thumbnails/8.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022062515/55cd32e5bb61eb33688b4796/html5/thumbnails/9.jpg)
Comparative
![Page 10: @TUR – Acessibility on Web](https://reader036.vdocuments.mx/reader036/viewer/2022062515/55cd32e5bb61eb33688b4796/html5/thumbnails/10.jpg)
Comparative
![Page 11: @TUR – Acessibility on Web](https://reader036.vdocuments.mx/reader036/viewer/2022062515/55cd32e5bb61eb33688b4796/html5/thumbnails/11.jpg)
Comparative
![Page 12: @TUR – Acessibility on Web](https://reader036.vdocuments.mx/reader036/viewer/2022062515/55cd32e5bb61eb33688b4796/html5/thumbnails/12.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022062515/55cd32e5bb61eb33688b4796/html5/thumbnails/13.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022062515/55cd32e5bb61eb33688b4796/html5/thumbnails/14.jpg)
Website
![Page 15: @TUR – Acessibility on Web](https://reader036.vdocuments.mx/reader036/viewer/2022062515/55cd32e5bb61eb33688b4796/html5/thumbnails/15.jpg)
Website
![Page 16: @TUR – Acessibility on Web](https://reader036.vdocuments.mx/reader036/viewer/2022062515/55cd32e5bb61eb33688b4796/html5/thumbnails/16.jpg)
Website
![Page 17: @TUR – Acessibility on Web](https://reader036.vdocuments.mx/reader036/viewer/2022062515/55cd32e5bb61eb33688b4796/html5/thumbnails/17.jpg)
Future
- Expand the news presentation format;- Adapt the advertising inside the portal;- Develop a mobile based application;
![Page 18: @TUR – Acessibility on Web](https://reader036.vdocuments.mx/reader036/viewer/2022062515/55cd32e5bb61eb33688b4796/html5/thumbnails/18.jpg)
Thank you