accessibility of the ezoombook platform for visually impaired people
DESCRIPTION
Accessibility of the eZoomBook platform for visually impaired people. Ouattara Ibrahima Tournoux Félix. Plan. State of the art of assisting technologies Diagnosis Internationalization Situation & Conclusion. 1. Screen Readers. 1. Screen Readers. 1. Screen R eaders. 1. Screen Readers. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Accessibility of the eZoomBook platform for visually impaired people](https://reader035.vdocuments.us/reader035/viewer/2022062520/56816096550346895dcfbf80/html5/thumbnails/1.jpg)
Accessibility of the eZoomBook platform for visually impaired people
Ouattara IbrahimaTournoux Félix
![Page 2: Accessibility of the eZoomBook platform for visually impaired people](https://reader035.vdocuments.us/reader035/viewer/2022062520/56816096550346895dcfbf80/html5/thumbnails/2.jpg)
PlanI. State of the art of assisting technologiesII. DiagnosisIII.InternationalizationIV. Situation & Conclusion
![Page 3: Accessibility of the eZoomBook platform for visually impaired people](https://reader035.vdocuments.us/reader035/viewer/2022062520/56816096550346895dcfbf80/html5/thumbnails/3.jpg)
1. Screen Readers
JAWS Window- Eyes
VoiceOver NVDA System Acces Zoom text Chrome vox Other0
10
20
30
40
50
60
Use of screen readers
lecteurs d'écrans
Use
in %
![Page 4: Accessibility of the eZoomBook platform for visually impaired people](https://reader035.vdocuments.us/reader035/viewer/2022062520/56816096550346895dcfbf80/html5/thumbnails/4.jpg)
1. Screen Readers
![Page 5: Accessibility of the eZoomBook platform for visually impaired people](https://reader035.vdocuments.us/reader035/viewer/2022062520/56816096550346895dcfbf80/html5/thumbnails/5.jpg)
1. Screen Readers
Ordinateur bureau Ordinateur portable Appareil mobile0
10
20
30
40
50
60
70
80
90
Devices used with screen readers
Uti
lisat
ion
en %
![Page 6: Accessibility of the eZoomBook platform for visually impaired people](https://reader035.vdocuments.us/reader035/viewer/2022062520/56816096550346895dcfbf80/html5/thumbnails/6.jpg)
1. Screen Readers
![Page 7: Accessibility of the eZoomBook platform for visually impaired people](https://reader035.vdocuments.us/reader035/viewer/2022062520/56816096550346895dcfbf80/html5/thumbnails/7.jpg)
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
![Page 8: Accessibility of the eZoomBook platform for visually impaired people](https://reader035.vdocuments.us/reader035/viewer/2022062520/56816096550346895dcfbf80/html5/thumbnails/8.jpg)
1. Dedicated stylesheets
![Page 9: Accessibility of the eZoomBook platform for visually impaired people](https://reader035.vdocuments.us/reader035/viewer/2022062520/56816096550346895dcfbf80/html5/thumbnails/9.jpg)
II. Diagnosis
![Page 10: Accessibility of the eZoomBook platform for visually impaired people](https://reader035.vdocuments.us/reader035/viewer/2022062520/56816096550346895dcfbf80/html5/thumbnails/10.jpg)
2. Diagnosis•The Web Accessibility Initiative
▫Perceivable▫Usable▫Understandable▫Robust
![Page 11: Accessibility of the eZoomBook platform for visually impaired people](https://reader035.vdocuments.us/reader035/viewer/2022062520/56816096550346895dcfbf80/html5/thumbnails/11.jpg)
2. Tools•User experience•Total Validator•Color contrast Analyzer
![Page 12: Accessibility of the eZoomBook platform for visually impaired people](https://reader035.vdocuments.us/reader035/viewer/2022062520/56816096550346895dcfbf80/html5/thumbnails/12.jpg)
2. Diagnosis ++
Alternative textKeyboard functionalityLinear content
![Page 13: Accessibility of the eZoomBook platform for visually impaired people](https://reader035.vdocuments.us/reader035/viewer/2022062520/56816096550346895dcfbf80/html5/thumbnails/13.jpg)
2. Diagnosis --
Css in linePresentation and information are not separeted Hn tag sometime are not well usedSome functions don’t work
![Page 14: Accessibility of the eZoomBook platform for visually impaired people](https://reader035.vdocuments.us/reader035/viewer/2022062520/56816096550346895dcfbf80/html5/thumbnails/14.jpg)
Hn tag • <h4>@Messages("parameters.modifylanguage.header")</h4>• • @helper.form(routes.Workspace.changeLang){• @select(langForm("locale"), options = Seq("fr" -> "French", "en" -> "English"), '_label -> "")• <div>• <input type="submit" value='@Messages("parameters.modifylanguage.submit")• <a><h5>@Messages("parameters.unsubscribenewsletter.link")</h5></a>• • @defining(MD5Util.md5Hex(context.user.map(u => u.email).getOrElse("ezoomwiki.com"))){icon =>• <img src="https://www.gravatar.com/avatar/@icon?s=40&d=identicon">• } <a href="http://en.gravatar.com/emails/">@Messages("parameters.modifyimage.link")<a>• • ……………………………………………………………………………………..• …………………………………………………………………………………………………..;• <div class="alert alert-info">• <button type="button" class="close" data-dismiss="alert">x</button>• @error• </div>• }else{}• • <h4>@Messages("parameters.modifyinfo.header")</h4>
![Page 15: Accessibility of the eZoomBook platform for visually impaired people](https://reader035.vdocuments.us/reader035/viewer/2022062520/56816096550346895dcfbf80/html5/thumbnails/15.jpg)
Css in line• <style>• • .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%;• }• </style>
![Page 16: Accessibility of the eZoomBook platform for visually impaired people](https://reader035.vdocuments.us/reader035/viewer/2022062520/56816096550346895dcfbf80/html5/thumbnails/16.jpg)
What we did…
![Page 17: Accessibility of the eZoomBook platform for visually impaired people](https://reader035.vdocuments.us/reader035/viewer/2022062520/56816096550346895dcfbf80/html5/thumbnails/17.jpg)
![Page 18: Accessibility of the eZoomBook platform for visually impaired people](https://reader035.vdocuments.us/reader035/viewer/2022062520/56816096550346895dcfbf80/html5/thumbnails/18.jpg)
III. Internationalization
![Page 19: Accessibility of the eZoomBook platform for visually impaired people](https://reader035.vdocuments.us/reader035/viewer/2022062520/56816096550346895dcfbf80/html5/thumbnails/19.jpg)
Step 1 : conversion of views content
![Page 20: Accessibility of the eZoomBook platform for visually impaired people](https://reader035.vdocuments.us/reader035/viewer/2022062520/56816096550346895dcfbf80/html5/thumbnails/20.jpg)
Step 1 : conversion of views content
![Page 21: Accessibility of the eZoomBook platform for visually impaired people](https://reader035.vdocuments.us/reader035/viewer/2022062520/56816096550346895dcfbf80/html5/thumbnails/21.jpg)
Step 2 : messages glossary
![Page 22: Accessibility of the eZoomBook platform for visually impaired people](https://reader035.vdocuments.us/reader035/viewer/2022062520/56816096550346895dcfbf80/html5/thumbnails/22.jpg)
Step 3 :French messages glossary
![Page 23: Accessibility of the eZoomBook platform for visually impaired people](https://reader035.vdocuments.us/reader035/viewer/2022062520/56816096550346895dcfbf80/html5/thumbnails/23.jpg)
Step 3 : french messages glossary
![Page 24: Accessibility of the eZoomBook platform for visually impaired people](https://reader035.vdocuments.us/reader035/viewer/2022062520/56816096550346895dcfbf80/html5/thumbnails/24.jpg)
Is it working ?•Already approximately worked•We added messages•We added all the translations•Branch of the project to be committed by
Mayleen
![Page 25: Accessibility of the eZoomBook platform for visually impaired people](https://reader035.vdocuments.us/reader035/viewer/2022062520/56816096550346895dcfbf80/html5/thumbnails/25.jpg)
IV. Current Situation &
Conclusion
![Page 26: Accessibility of the eZoomBook platform for visually impaired people](https://reader035.vdocuments.us/reader035/viewer/2022062520/56816096550346895dcfbf80/html5/thumbnails/26.jpg)
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://github.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://github.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
![Page 27: Accessibility of the eZoomBook platform for visually impaired people](https://reader035.vdocuments.us/reader035/viewer/2022062520/56816096550346895dcfbf80/html5/thumbnails/27.jpg)
1. Play Bug•url not exact•Edit the path in Build.scala•Dependencies issue: Maven•Github.com: file signature : sha1 error
![Page 28: Accessibility of the eZoomBook platform for visually impaired people](https://reader035.vdocuments.us/reader035/viewer/2022062520/56816096550346895dcfbf80/html5/thumbnails/28.jpg)
![Page 29: Accessibility of the eZoomBook platform for visually impaired people](https://reader035.vdocuments.us/reader035/viewer/2022062520/56816096550346895dcfbf80/html5/thumbnails/29.jpg)
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.
![Page 30: Accessibility of the eZoomBook platform for visually impaired people](https://reader035.vdocuments.us/reader035/viewer/2022062520/56816096550346895dcfbf80/html5/thumbnails/30.jpg)
3. Internationalization•Currently a branch on Github•Test and commit•Complete french glossary•Easy to make other languages
![Page 31: Accessibility of the eZoomBook platform for visually impaired people](https://reader035.vdocuments.us/reader035/viewer/2022062520/56816096550346895dcfbf80/html5/thumbnails/31.jpg)
Thank you for your attention !