Accessibility of the eZoomBook platform for visually impaired people Ouattara Ibrahima Tournoux Félix.

Slides:



Advertisements
Similar presentations
AHEAD HTML Accessibility Topics: Keyboard Accessibility Content and Structure Links Headings and Lists Images in HTML Pages Tables Forms.
Advertisements

Sue Cullen Program Manager, CSUN Universal Design Center Accessibility Network Product Testing Coordinator for the CSU ATNetwork.
Chapter 4 Planning Site Navigation. 2 Principles of Web Design Chapter 4 Objectives Understand navigation principles Build navigation schemes that meet.
Workshop 1 Basics of Web Accessibility Web Content Accessibility Project Funded by BCcampus Natasha Boskic, Kirsten Bole, Nathan Hapke University of British.
Tutorial 2: Formatting Text. Objectives Session 2.1 – Learn the functions of the Common toolbar – Change the size of text – Discern which fonts to use.
Web Content Accessibility Guidelines (WCAG) 2.0 by Julius Charles Serrano, Even Grounds.
Introduction to Web Accessibility. What is Web Accessibility Web accessibility means that people with disabilities can use the Web Disabilities including.
V. Beyond HTML: CSS, JavaScript, Plug-ins A Web Accessibility Primer: Usability for Everyone Office of Web Communications.
I.1 ii.2 iii.3 iv.4 1+1=. i.1 ii.2 iii.3 iv.4 1+1=
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
I.1 ii.2 iii.3 iv.4 1+1=. i.1 ii.2 iii.3 iv.4 1+1=
Chapter 4 Planning Site Navigation. Principles of Web Design 2nd Ed. Chapter 4 2 Principles of Web Design Chapter 4 Objectives Create usable navigation.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
Lecture 2 COMP1900 Website Construction 3 Michele Huston Web Project Officer Scholarly Technology Services THE AUSTRALIAN NATIONAL UNIVERSITY.
IV. “Regular” Web Pages: HTML A Web Accessibility Primer: Usability for Everyone Office of Web Communications.
Visual Design for the Web. Keep the end in mind What is the purpose of the webpage?
Sue Cullen Program Manager, CSUN Universal Design Center Accessibility Network Product Testing Coordinator for the CSU ATNetwork Alen Davoudian Web Developer.
Americans with Disabilities Act Ms. Sam Wainford.
Accessible Word Document Training Microsoft Word 2010.
Designing for Disabled Users.  p?vid=35 p?vid=35.
Pillar III transparency: Accessibility to visually impaired people with XBRL Javi Mora XBRL Spain Manager Ignacio Boixo XBRL Spain.
Electronic Communication and Web Accessibility Workshop.
Accessibility IS 403: User Interface Design Shaun Kane 1.
INFO 6002 Assistive Technologies and Universal Design Accessibility and Usability Evaluation Chaohai Ding Msc of Web Technology
Assistive Technology and Web Accessibility University of Hawaii Information Technology Services Jon Nakasone.
Development of Accessible E- documents and Programs for the Visually Impaired Web accessibility testing (v2010)
Alternative Views of the Web Jon Gunderson, Ph.D. Division of Rehabilitation-Education Services University of Illinois at Urbana/Champaign.
Week 2 Web Site Design Principles. 2 Design for the Computer Medium Craft the look and feel Make your design portable Design for low bandwidth Plan for.
Understanding WCAG Elizabeth J. Pyatt, Ph.D. Information Technology Services.

HTML basics exercises.
Accessible Web Design Carolyn Fiori Assistive Technology Specialist, College of San Mateo November 2011.
The Online Experience: Accessibility & Usability for Everyone Richard W. Smith.
Chapter 2 Web Site Design Principles
Design and Construction of Accessible Web Sites Michael Burks Chairman Internet Society SIG For Internet Accessibility for People with Disabilities June.
Is Your Site Accessible? Web Site Testing for Accessibility Presented by: The NYS Forum IT Accessibility Committee The NYS Forum Webmasters Guild Northeast.
Birkbeck University of London Business Workshop Web Accessibility Introduction and welcome.
Everything in it’s right place Revisiting website accessibility Jeff Coburn Senior Web Specialist Institute for Community Inclusion.
Development of Accessible E- documents and Programs for the Visually Impaired Internet browsing and accessibility.
WEB ACCESSIBILITY. WHAT IS IT? Web accessibility means that people with disabilities can use the Web. Web accessibility encompasses all disabilities that.
Usability and Accessibility CIS 376 Bruce R. Maxim UM-Dearborn.
Html Tables Basic Table Markup. How Tables are Used For Data Display Tables were originally designed to display and organize tabular data (charts, statistics,
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Making Sites Built with CMS Accessible Charmian Proskauer Boston-IA April 30, 2009.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
Adapting to the user's needs and preferences Behzad Kateli.
5 th ed: Chapter 4 4 th ed: Chapter 5 SY306 Web and Databases for Cyber Operations Slide Set #4: CSS.
Thesis Presentation IV – Fall Midterm Review NewMediaArts art 249 :: interface design II week 14 :: a.
Accessible Word Document Creation Using Microsoft Word 2010.
UI Tags of Struts2. May 12, 2011 Struts 2.x Tags in detail:- The Struts 2.x tags can be classified under the following categories. i) UI Tags ii) Control.
Tables creating a table within a web page. What makes up a table? Columns Rows.
Accessibility is not boring or difficult. It’s the right thing to do. Benjy Stanton.
S.MD.FAROOQ M.Tech., [Ph.D] Assistant Professor Department of CSE Santhiram Engineering College.
Web Accessibility training An introduction to web accessibility.
Chapter 2 Web Site Design Principles
Create and edit web pages 4
CSS: Cascading Style Sheets
Information Architecture and Design I
Best Practices and Lessons Learned
Curry School of Education
Web Content Accessibility Beata M. Ofianewska (DG COMM) 7 December 2006 December 2006 COMM C2.
Web Accessibility An Introduction.
From compliance to usability
Information Architecture and Design I
Common Barriers to Accessibility on the Web
Chapter 4 Planning Site Navigation
Web content management
Adobe Acrobat DC Accessibility Non-Text Elements
Accessible Design Top 10 List
Accessibility.
Presentation transcript:

Accessibility of the eZoomBook platform for visually impaired people Ouattara Ibrahima Tournoux Félix

Plan I.State of the art of assisting technologies II.Diagnosis III.Internationalization IV.Situation & Conclusion

1. Screen Readers

1. Dedicated stylesheets Set a visual profile in your browser Forces the CSS render OrdiVision stylesheet : ▫White on black for text ▫Yellow for links ▫Border for tables Other colors High contrast

1. Dedicated stylesheets

II. Diagnosis

2. Diagnosis The Web Accessibility Initiative ▫Perceivable ▫Usable ▫Understandable ▫Robust

2. Tools User experience Total Validator Color contrast Analyzer

2. Diagnosis ++ Alternative text Keyboard functionality Linear content

2. Diagnosis -- Css in line Presentation and information are not separeted Hn tag sometime are not well used Some functions don’t work

@select(langForm("locale"), options = Seq("fr" -> "French", "en" -> "English"), '_label -> "") => u. ).getOrElse("ezoomwiki.com"))){icon => …………………………………………………………………………………….. …………………………………………………………………………………………………..;

Css in line.rightpannel{ position: absolute; top: 170px; left: 60%; right:15% }.midlepannel{ position: absolute; top: 170px; right: 60%; left: 35%; }.leftpannel{ position: absolute; top: 170px; right: 65%; left: 10%; }

What we did…

III. Internationalization

Step 1 : conversion of views content

Step 2 : messages glossary

Step 3 :French messages glossary

Step 3 : french messages glossary

Is it working ? Already approximately worked We added messages We added all the translations Branch of the project to be committed by Mayleen

IV. Current Situation & Conclusion

1. Play Bug Sudden lauching error last month [info] Resolving ezb-dal-play#ezb-dal-play_2.10;2.0-SNAPSHOT... [error] Server access Error: handshake alert: unrecognized_name url= hub.com/ezoombook/ezb-mvn/raw/master/ezb-dal-play/ezb-dal-play_2.10/2.0- SNAPSHOT/maven-metadata.xml [error] Server access Error: handshake alert: unrecognized_name url= hub.com/ezoombook/ezb-mvn/raw/master/ezb-dal-play/ezb-dal-play_2.10/2.0- SNAPSHOT/ezb-dal-play_ SNAPSHOT.pom

1. Play Bug url not exact Edit the path in Build.scala Dependencies issue: Maven Github.com: file signature : sha1 error

2. Structure Report : List of errors from Total Validator Structure is good thanks to Play Send a version to the tester team at AVH, Fernando Pinto’s association.

3. Internationalization Currently a branch on Github Test and commit Complete french glossary Easy to make other languages

Thank you for your attention !