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

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

3. 1. Screen Readers

7. 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

8. 1. Dedicated stylesheets

9. II. Diagnosis

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

11. 2. Tools User experience Total Validator Color contrast Analyzer

12. 2. Diagnosis ++ Alternative text Keyboard functionality Linear content

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

14. Hn tag @Messages("parameters.modifylanguage.header") @helper.form(routes.Workspace.changeLang){ @select(langForm("locale"), options = Seq("fr" -> "French", "en" -> "English"), '_label -> "") <input type="submit" value='@Messages("parameters.modifylanguage.submit") @Messages("parameters.unsubscribenewsletter.link") @defining(MD5Util.md5Hex(context.user.map(u => u.email).getOrElse("ezoomwiki.com"))){icon => } @Messages("parameters.modifyimage.link") …………………………………………………………………………………….. …………………………………………………………………………………………………..; x @error }else{} @Messages("parameters.modifyinfo.header")

15. 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%; }

16. What we did…

18. III. Internationalization

19. Step 1 : conversion of views content

21. Step 2 : messages glossary

22. Step 3 :French messages glossary

23. Step 3 : french messages glossary

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

25. IV. Current Situation & Conclusion

26. 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=https://git 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=https://git hub.com/ezoombook/ezb-mvn/raw/master/ezb-dal-play/ezb-dal-play_2.10/2.0- SNAPSHOT/ezb-dal-play_2.10-2.0-SNAPSHOT.pom

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

29. 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.

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

31. Thank you for your attention !