SlideShare a Scribd company logo
1 of 31
Web accessibility for eXo’s products  NGUYEN Bao An [email_address] CROSS Team Developers version
Summary Introduction Roadmap for eXo Evaluate Reporting Issues organization in Jira Best practices Demos
Introduction Why Web Accessibility ?  Europe: France and Belgium legislation require web accessibility for all governmental website eXo has some governmental clients
Introduction Definition: Make Web content more accessible to people with disabilities.  Web "content" generally refers to the information in a Web page or Web application, including text, images, forms, sounds, and such  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Introduction ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],WCAG 2.0 = 98 %  RGAA
Roadmap for eXo European laws required all  governmental websites must accessible by  A pril 2012 eXo Products will be certificated “ Accessible ”  using =  WCAG 2.0 Level AA PLF Roadmap   - 28/12/2011: Platform 3.5.1    - 29/02/2012: Platform 3.5.2   - 04/04/2012: Platform 3.5.3 = compliance with WCAG 2.0 Level AA
Evaluate – Automation tools ,[object Object],[object Object],[object Object],[object Object],[object Object],Lets talk about Achecker tool... eXo Products Automation tools Certified  by an expert Human checks
Evaluate - Achecker Achecker:  - Tool to check Accessibility level on a HTML page  - Total number of checkable rules using this tool = 310 - can be used as a Web services REST - free and open source   Achecker tool link:  http://achecker.ca/checker/index.php  (Achecker eXo instance will arrive soon)
Evaluate – Achecker Achecker allow us to detect several kind of problems: - Known problems:  problems that we are able to detect automatically using Achecker tool, easy to fix most of the time - Potential problems:  potential problems that are detected by Achecker, a human check is needed to determine if it is a real problem... Each Achecker rule are describe with a full documentation, access this doc via:  http://achecker.ca/checker/suggestion.php?id=[ACHECKER ID]
Evaluate – Human checks Tool - Lynx browser - Firefox plugins - Web accessibility toolbar - Web developer tool bar - Wave toolbar - Adesigner Accessibility Test Referential for testers = Test Campaign eXo’s products Automation tools Certificated by an expert Human Check
Evaluate eXo Products Automation tools Certificated by an expert Human checks Combination with automation tools + human checks to verify all elements accessible W3C validator Achecker  Lynx browser Firefox plugins aDesigner NVDA WAVE
Reporting Priority   FOCUS on Known problems  then Potential problems ,[object Object],[object Object],[object Object],[object Object],[object Object]
Issues organization in JIRA ,[object Object],[object Object],[object Object],[object Object],[object Object],Work on the issues by  Priority : critical first, then major, then minor, and finally trivial
Issues organization in JIRA CROSS issues are parent in all issues Achecker generates ID http://achecker.ca/checker/suggestion.php?id= 106 [ACCESS] ACHECKER- 106  All onmouseout event handlers have an associated onblur event handler. CROSS Label = “ACCESS-AA” Example of one issue
Issues organization in JIRA CROSS issues are parent in all issues Achecker generates ID http://achecker.ca/checker/suggestion.php?id= 106 [ACCESS] ACHECKER- 106  All onmouseout event handlers have an associated onblur event handler. CROSS ECMS [ACCESS] ACHECKER- 106  All onmouseout event handlers have an associated onblur event handler. link Example of one issue Label = “ACCESS-AA”
Issues organization in JIRA CROSS issues are parent in all issues Achecker generates ID http://achecker.ca/checker/suggestion.php?id= 106 [ACCESS] ACHECKER- 106  All onmouseout event handlers have an associated onblur event handler. CROSS ECMS CS [ACCESS] ACHECKER- 106  All onmouseout event handlers have an associated onblur event handler. [ACCESS] ACHECKER- 106  All onmouseout event handlers have an associated onblur event handler. link link Example of one issue Label = “ACCESS-AA”
Issues organization in JIRA CROSS issues are parent in all issues Achecker generates ID http://achecker.ca/checker/suggestion.php?id= 106 [ACCESS] ACHECKER- 106  All onmouseout event handlers have an associated onblur event handler. CROSS ECMS CS PORTAL [ACCESS] ACHECKER- 106  All onmouseout event handlers have an associated onblur event handler. [ACCESS] ACHECKER- 106  All onmouseout event handlers have an associated onblur event handler. [ACCESS] ACHECKER- 106  All onmouseout event handlers have an associated onblur event handler. link link link Example of one issue Label = “ACCESS-AA”
Issues organization in JIRA CROSS issues are parent in all issues Achecker generates ID http://achecker.ca/checker/suggestion.php?id= 106 [ACCESS] ACHECKER- 106  All onmouseout event handlers have an associated onblur event handler. CROSS ECMS CS PORTAL SOCIAL [ACCESS] ACHECKER- 106  All onmouseout event handlers have an associated onblur event handler. [ACCESS] ACHECKER- 106  All onmouseout event handlers have an associated onblur event handler. [ACCESS] ACHECKER- 106  All onmouseout event handlers have an associated onblur event handler. [ACCESS] ACHECKER- 106  All onmouseout event handlers have an associated onblur event handler. link link link Example of one issue link Label = “ACCESS-AA”
Issues organization in JIRA CROSS issues are parent in all issues Achecker generates ID http://achecker.ca/checker/suggestion.php?id= 106 [ACCESS] ACHECKER- 106  All onmouseout event handlers have an associated onblur event handler. CROSS ECMS CS PORTAL GTN SOCIAL [ACCESS] ACHECKER- 106  All onmouseout event handlers have an associated onblur event handler. [ACCESS] ACHECKER- 106  All onmouseout event handlers have an associated onblur event handler. [ACCESS] ACHECKER- 106  All onmouseout event handlers have an associated onblur event handler. [ACCESS] ACHECKER- 106  All onmouseout event handlers have an associated onblur event handler. [ACCESS] ACHECKER- 106  All onmouseout event handlers have an associated onblur event handler. link link link link link Example of one issue Label = “ACCESS-AA”
Issues organization in JIRA CROSS issues are parent in all issues Achecker generates ID http://achecker.ca/checker/suggestion.php?id= 106 [ACCESS] ACHECKER- 106  All onmouseout event handlers have an associated onblur event handler. CROSS ECMS CS PORTAL KS GTN SOCIAL [ACCESS] ACHECKER- 106  All onmouseout event handlers have an associated onblur event handler. [ACCESS] ACHECKER- 106  All onmouseout event handlers have an associated onblur event handler. [ACCESS] ACHECKER- 106  All onmouseout event handlers have an associated onblur event handler. [ACCESS] ACHECKER- 106  All onmouseout event handlers have an associated onblur event handler. [ACCESS] ACHECKER- 106  All onmouseout event handlers have an associated onblur event handler. [ACCESS] ACHECKER- 106  All onmouseout event handlers have an associated onblur event handler. link link link link link link Example of one issue Label = “ACCESS-AA”
Issues organization in JIRA Very important: - Because regex search doesn't perform a dynamic search, CROSS Team can not provide a correct search result, each team need to work on the issues  according to their experience and knowledge - Please, spend time to  estimate  all issues related to your Products   -  Focus on the FRONT end (public mode)  : work on each issue and keep in mind that the main fixes should be done on the FRONT end files (java if they are used to product html, gtmpl, css, js, html) that are used especially in Public Mode (not login)
Best practices No frame Contrast  and color Seperation CSS ↔ HTML alt ='' Site map and search engine title W3C validator HTML CSS Javascript alternative Validation from server
Best practices ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Best practices ,[object Object],[object Object],[object Object],[object Object],[object Object],IMG839.jpg avoided Rename to puppy.jpg better
Best practices Progressive enhancement method ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Best practices -  Benefits ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Best practices -  Education Web Accessibility is not an event that  happens once and then it's over. It is  an ongoing process. Web accessibility will be monitored and maintainted periodically Today :  10% of the World’s population , or  650 million people , live with a disability http://www.un.org/disabilities/convention/facts.shtml
DEMOS
Tools and Links ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Contact ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Thank you!

More Related Content

What's hot

Zero downtime deploys for Rails apps
Zero downtime deploys for Rails appsZero downtime deploys for Rails apps
Zero downtime deploys for Rails appspedrobelo
 
How to Build a Better JIRA Add-on
How to Build a Better JIRA Add-onHow to Build a Better JIRA Add-on
How to Build a Better JIRA Add-onAtlassian
 
Mobile Device APIs
Mobile Device APIsMobile Device APIs
Mobile Device APIsJames Pearce
 
Containerizing your Security Operations Center
Containerizing your Security Operations CenterContainerizing your Security Operations Center
Containerizing your Security Operations CenterJimmy Mesta
 
Web versus Native: round 1!
Web versus Native: round 1!Web versus Native: round 1!
Web versus Native: round 1!Chris Mills
 
Empowering the "mobile web"
Empowering the "mobile web"Empowering the "mobile web"
Empowering the "mobile web"Chris Mills
 
APIs, now and in the future
APIs, now and in the futureAPIs, now and in the future
APIs, now and in the futureChris Mills
 
#NoXML: Eliminating XML in Spring Projects - SpringOne 2GX 2015
#NoXML: Eliminating XML in Spring Projects - SpringOne 2GX 2015#NoXML: Eliminating XML in Spring Projects - SpringOne 2GX 2015
#NoXML: Eliminating XML in Spring Projects - SpringOne 2GX 2015Matt Raible
 
Real World Lessons in Progressive Web Application & Service Worker Caching
Real World Lessons in Progressive Web Application & Service Worker CachingReal World Lessons in Progressive Web Application & Service Worker Caching
Real World Lessons in Progressive Web Application & Service Worker CachingChris Love
 

What's hot (10)

Zero downtime deploys for Rails apps
Zero downtime deploys for Rails appsZero downtime deploys for Rails apps
Zero downtime deploys for Rails apps
 
The JavaFX Ecosystem
The JavaFX EcosystemThe JavaFX Ecosystem
The JavaFX Ecosystem
 
How to Build a Better JIRA Add-on
How to Build a Better JIRA Add-onHow to Build a Better JIRA Add-on
How to Build a Better JIRA Add-on
 
Mobile Device APIs
Mobile Device APIsMobile Device APIs
Mobile Device APIs
 
Containerizing your Security Operations Center
Containerizing your Security Operations CenterContainerizing your Security Operations Center
Containerizing your Security Operations Center
 
Web versus Native: round 1!
Web versus Native: round 1!Web versus Native: round 1!
Web versus Native: round 1!
 
Empowering the "mobile web"
Empowering the "mobile web"Empowering the "mobile web"
Empowering the "mobile web"
 
APIs, now and in the future
APIs, now and in the futureAPIs, now and in the future
APIs, now and in the future
 
#NoXML: Eliminating XML in Spring Projects - SpringOne 2GX 2015
#NoXML: Eliminating XML in Spring Projects - SpringOne 2GX 2015#NoXML: Eliminating XML in Spring Projects - SpringOne 2GX 2015
#NoXML: Eliminating XML in Spring Projects - SpringOne 2GX 2015
 
Real World Lessons in Progressive Web Application & Service Worker Caching
Real World Lessons in Progressive Web Application & Service Worker CachingReal World Lessons in Progressive Web Application & Service Worker Caching
Real World Lessons in Progressive Web Application & Service Worker Caching
 

Viewers also liked

Catalog parts
Catalog partsCatalog parts
Catalog partsdesilvam
 
Scala - By Luu Thanh Thuy CWI team from eXo Platform SEA
Scala - By Luu Thanh Thuy CWI team from eXo Platform SEAScala - By Luu Thanh Thuy CWI team from eXo Platform SEA
Scala - By Luu Thanh Thuy CWI team from eXo Platform SEAThuy_Dang
 
Deans workshop
Deans workshopDeans workshop
Deans workshopAlan Amory
 
Seasons of life-Don't judge life in one season!
Seasons of life-Don't judge life in one season!Seasons of life-Don't judge life in one season!
Seasons of life-Don't judge life in one season!Abhi Patel
 
La desicion mas dificil
La desicion mas dificilLa desicion mas dificil
La desicion mas dificilgabydq
 
MEET-BIS Vietnam TOR_ ES_2013
MEET-BIS Vietnam TOR_ ES_2013MEET-BIS Vietnam TOR_ ES_2013
MEET-BIS Vietnam TOR_ ES_2013Thuy_Dang
 
Xss.e xopresentation from eXo SEA
Xss.e xopresentation from eXo SEAXss.e xopresentation from eXo SEA
Xss.e xopresentation from eXo SEAThuy_Dang
 
SEO presentation By Dang HA - ECM team
SEO presentation By Dang HA - ECM teamSEO presentation By Dang HA - ECM team
SEO presentation By Dang HA - ECM teamThuy_Dang
 
Ingles speaking
Ingles speakingIngles speaking
Ingles speakinggabydq
 
AOP-IOC made by Vi Quoc Hanh and Vu Cong Thanh in SC Team
AOP-IOC made by Vi Quoc Hanh and Vu Cong Thanh in SC TeamAOP-IOC made by Vi Quoc Hanh and Vu Cong Thanh in SC Team
AOP-IOC made by Vi Quoc Hanh and Vu Cong Thanh in SC TeamThuy_Dang
 
Chromattic usage in eXo Social
Chromattic usage in eXo SocialChromattic usage in eXo Social
Chromattic usage in eXo SocialThuy_Dang
 
Dimensionamiento de conductor
Dimensionamiento de conductorDimensionamiento de conductor
Dimensionamiento de conductorRuben Ortiz
 
Ingles speaking
Ingles speakingIngles speaking
Ingles speakinggabydq
 

Viewers also liked (20)

Catalog parts
Catalog partsCatalog parts
Catalog parts
 
Scala - By Luu Thanh Thuy CWI team from eXo Platform SEA
Scala - By Luu Thanh Thuy CWI team from eXo Platform SEAScala - By Luu Thanh Thuy CWI team from eXo Platform SEA
Scala - By Luu Thanh Thuy CWI team from eXo Platform SEA
 
Expo dun and ross
Expo dun and rossExpo dun and ross
Expo dun and ross
 
Deans workshop
Deans workshopDeans workshop
Deans workshop
 
Seasons of life-Don't judge life in one season!
Seasons of life-Don't judge life in one season!Seasons of life-Don't judge life in one season!
Seasons of life-Don't judge life in one season!
 
COSTA_CONCORDIA
COSTA_CONCORDIACOSTA_CONCORDIA
COSTA_CONCORDIA
 
Lirios do_campo
Lirios do_campoLirios do_campo
Lirios do_campo
 
La desicion mas dificil
La desicion mas dificilLa desicion mas dificil
La desicion mas dificil
 
Coisas antigas 1
Coisas antigas 1Coisas antigas 1
Coisas antigas 1
 
MEET-BIS Vietnam TOR_ ES_2013
MEET-BIS Vietnam TOR_ ES_2013MEET-BIS Vietnam TOR_ ES_2013
MEET-BIS Vietnam TOR_ ES_2013
 
Jhonatanlopez
JhonatanlopezJhonatanlopez
Jhonatanlopez
 
Xss.e xopresentation from eXo SEA
Xss.e xopresentation from eXo SEAXss.e xopresentation from eXo SEA
Xss.e xopresentation from eXo SEA
 
SEO presentation By Dang HA - ECM team
SEO presentation By Dang HA - ECM teamSEO presentation By Dang HA - ECM team
SEO presentation By Dang HA - ECM team
 
Ingles speaking
Ingles speakingIngles speaking
Ingles speaking
 
Cumple
CumpleCumple
Cumple
 
AOP-IOC made by Vi Quoc Hanh and Vu Cong Thanh in SC Team
AOP-IOC made by Vi Quoc Hanh and Vu Cong Thanh in SC TeamAOP-IOC made by Vi Quoc Hanh and Vu Cong Thanh in SC Team
AOP-IOC made by Vi Quoc Hanh and Vu Cong Thanh in SC Team
 
Chromattic usage in eXo Social
Chromattic usage in eXo SocialChromattic usage in eXo Social
Chromattic usage in eXo Social
 
Jhonatanlopez
JhonatanlopezJhonatanlopez
Jhonatanlopez
 
Dimensionamiento de conductor
Dimensionamiento de conductorDimensionamiento de conductor
Dimensionamiento de conductor
 
Ingles speaking
Ingles speakingIngles speaking
Ingles speaking
 

Similar to WebAccessibilityTitle

(WEB301) Operational Web Log Analysis | AWS re:Invent 2014
(WEB301) Operational Web Log Analysis | AWS re:Invent 2014(WEB301) Operational Web Log Analysis | AWS re:Invent 2014
(WEB301) Operational Web Log Analysis | AWS re:Invent 2014Amazon Web Services
 
Welcome to IE8 - Integrating Your Site With Internet Explorer 8
Welcome to IE8 - Integrating Your Site With Internet Explorer 8Welcome to IE8 - Integrating Your Site With Internet Explorer 8
Welcome to IE8 - Integrating Your Site With Internet Explorer 8Lachlan Hardy
 
ASP.NET AJAX with Visual Studio 2008
ASP.NET AJAX with Visual Studio 2008ASP.NET AJAX with Visual Studio 2008
ASP.NET AJAX with Visual Studio 2008Caleb Jenkins
 
Accessibility Testing using Axe
Accessibility Testing using AxeAccessibility Testing using Axe
Accessibility Testing using AxeRapidValue
 
Google Wave API: Now and Beyond
Google Wave API: Now and BeyondGoogle Wave API: Now and Beyond
Google Wave API: Now and BeyondMarakana Inc.
 
vCenter Orchestrator APIs
vCenter Orchestrator APIsvCenter Orchestrator APIs
vCenter Orchestrator APIsPablo Roesch
 
Liferay Devcon Presentation on Dynamic Forms with Liferay Workflow
Liferay Devcon Presentation on Dynamic Forms with Liferay WorkflowLiferay Devcon Presentation on Dynamic Forms with Liferay Workflow
Liferay Devcon Presentation on Dynamic Forms with Liferay WorkflowWillem Vermeer
 
Liferay Devcon presentation on Workflow & Dynamic Forms
Liferay Devcon presentation on Workflow & Dynamic FormsLiferay Devcon presentation on Workflow & Dynamic Forms
Liferay Devcon presentation on Workflow & Dynamic FormsWillem Vermeer
 
Angular - Chapter 4 - Data and Event Handling
 Angular - Chapter 4 - Data and Event Handling Angular - Chapter 4 - Data and Event Handling
Angular - Chapter 4 - Data and Event HandlingWebStackAcademy
 
The ActionScript Conference 08, Singapore - Developing ActionScript 3 Mash up...
The ActionScript Conference 08, Singapore - Developing ActionScript 3 Mash up...The ActionScript Conference 08, Singapore - Developing ActionScript 3 Mash up...
The ActionScript Conference 08, Singapore - Developing ActionScript 3 Mash up...marcocasario
 
Distributed Traceability in AWS - Life of a Transaction
Distributed Traceability in AWS - Life of a TransactionDistributed Traceability in AWS - Life of a Transaction
Distributed Traceability in AWS - Life of a TransactionAmazon Web Services
 
Progressive web apps
Progressive web appsProgressive web apps
Progressive web appsFastly
 
[convergese] Adaptive Images in Responsive Web Design
[convergese] Adaptive Images in Responsive Web Design[convergese] Adaptive Images in Responsive Web Design
[convergese] Adaptive Images in Responsive Web DesignChristopher Schmitt
 
ReactJS vs AngularJS - Head to Head comparison
ReactJS vs AngularJS - Head to Head comparisonReactJS vs AngularJS - Head to Head comparison
ReactJS vs AngularJS - Head to Head comparison500Tech
 
IBM Connections Activity Stream 3rd Party Integration - Social Connect VI - P...
IBM Connections Activity Stream 3rd Party Integration - Social Connect VI - P...IBM Connections Activity Stream 3rd Party Integration - Social Connect VI - P...
IBM Connections Activity Stream 3rd Party Integration - Social Connect VI - P...James Gallagher
 
Primavera integration possibilities Technical overview - Oracle Primavera Col...
Primavera integration possibilities Technical overview - Oracle Primavera Col...Primavera integration possibilities Technical overview - Oracle Primavera Col...
Primavera integration possibilities Technical overview - Oracle Primavera Col...p6academy
 
DSR Testing (Part 2)
DSR Testing (Part 2)DSR Testing (Part 2)
DSR Testing (Part 2)Steve Upton
 
Nginx: Accelerate Rails, HTTP Tricks
Nginx: Accelerate Rails, HTTP TricksNginx: Accelerate Rails, HTTP Tricks
Nginx: Accelerate Rails, HTTP TricksAdam Wiggins
 

Similar to WebAccessibilityTitle (20)

(WEB301) Operational Web Log Analysis | AWS re:Invent 2014
(WEB301) Operational Web Log Analysis | AWS re:Invent 2014(WEB301) Operational Web Log Analysis | AWS re:Invent 2014
(WEB301) Operational Web Log Analysis | AWS re:Invent 2014
 
Html5 Overview
Html5 OverviewHtml5 Overview
Html5 Overview
 
Welcome to IE8 - Integrating Your Site With Internet Explorer 8
Welcome to IE8 - Integrating Your Site With Internet Explorer 8Welcome to IE8 - Integrating Your Site With Internet Explorer 8
Welcome to IE8 - Integrating Your Site With Internet Explorer 8
 
ASP.NET AJAX with Visual Studio 2008
ASP.NET AJAX with Visual Studio 2008ASP.NET AJAX with Visual Studio 2008
ASP.NET AJAX with Visual Studio 2008
 
Accessibility Testing using Axe
Accessibility Testing using AxeAccessibility Testing using Axe
Accessibility Testing using Axe
 
Google Wave API: Now and Beyond
Google Wave API: Now and BeyondGoogle Wave API: Now and Beyond
Google Wave API: Now and Beyond
 
vCenter Orchestrator APIs
vCenter Orchestrator APIsvCenter Orchestrator APIs
vCenter Orchestrator APIs
 
HTML 5
HTML 5HTML 5
HTML 5
 
Liferay Devcon Presentation on Dynamic Forms with Liferay Workflow
Liferay Devcon Presentation on Dynamic Forms with Liferay WorkflowLiferay Devcon Presentation on Dynamic Forms with Liferay Workflow
Liferay Devcon Presentation on Dynamic Forms with Liferay Workflow
 
Liferay Devcon presentation on Workflow & Dynamic Forms
Liferay Devcon presentation on Workflow & Dynamic FormsLiferay Devcon presentation on Workflow & Dynamic Forms
Liferay Devcon presentation on Workflow & Dynamic Forms
 
Angular - Chapter 4 - Data and Event Handling
 Angular - Chapter 4 - Data and Event Handling Angular - Chapter 4 - Data and Event Handling
Angular - Chapter 4 - Data and Event Handling
 
The ActionScript Conference 08, Singapore - Developing ActionScript 3 Mash up...
The ActionScript Conference 08, Singapore - Developing ActionScript 3 Mash up...The ActionScript Conference 08, Singapore - Developing ActionScript 3 Mash up...
The ActionScript Conference 08, Singapore - Developing ActionScript 3 Mash up...
 
Distributed Traceability in AWS - Life of a Transaction
Distributed Traceability in AWS - Life of a TransactionDistributed Traceability in AWS - Life of a Transaction
Distributed Traceability in AWS - Life of a Transaction
 
Progressive web apps
Progressive web appsProgressive web apps
Progressive web apps
 
[convergese] Adaptive Images in Responsive Web Design
[convergese] Adaptive Images in Responsive Web Design[convergese] Adaptive Images in Responsive Web Design
[convergese] Adaptive Images in Responsive Web Design
 
ReactJS vs AngularJS - Head to Head comparison
ReactJS vs AngularJS - Head to Head comparisonReactJS vs AngularJS - Head to Head comparison
ReactJS vs AngularJS - Head to Head comparison
 
IBM Connections Activity Stream 3rd Party Integration - Social Connect VI - P...
IBM Connections Activity Stream 3rd Party Integration - Social Connect VI - P...IBM Connections Activity Stream 3rd Party Integration - Social Connect VI - P...
IBM Connections Activity Stream 3rd Party Integration - Social Connect VI - P...
 
Primavera integration possibilities Technical overview - Oracle Primavera Col...
Primavera integration possibilities Technical overview - Oracle Primavera Col...Primavera integration possibilities Technical overview - Oracle Primavera Col...
Primavera integration possibilities Technical overview - Oracle Primavera Col...
 
DSR Testing (Part 2)
DSR Testing (Part 2)DSR Testing (Part 2)
DSR Testing (Part 2)
 
Nginx: Accelerate Rails, HTTP Tricks
Nginx: Accelerate Rails, HTTP TricksNginx: Accelerate Rails, HTTP Tricks
Nginx: Accelerate Rails, HTTP Tricks
 

More from Thuy_Dang

Shell scripting - By Vu Duy Tu from eXo Platform SEA
Shell scripting - By Vu Duy Tu from eXo Platform SEAShell scripting - By Vu Duy Tu from eXo Platform SEA
Shell scripting - By Vu Duy Tu from eXo Platform SEAThuy_Dang
 
Mcf presentation by Hai NGUYEN-Portal team
Mcf presentation by Hai NGUYEN-Portal teamMcf presentation by Hai NGUYEN-Portal team
Mcf presentation by Hai NGUYEN-Portal teamThuy_Dang
 
Secure & authentication By Lai HIEU - eXo SEA
Secure & authentication By Lai HIEU - eXo SEASecure & authentication By Lai HIEU - eXo SEA
Secure & authentication By Lai HIEU - eXo SEAThuy_Dang
 
Lotus Collaboration by Le Thanh Quang in CT
Lotus Collaboration by Le Thanh Quang in CT Lotus Collaboration by Le Thanh Quang in CT
Lotus Collaboration by Le Thanh Quang in CT Thuy_Dang
 
Regular expression made by To Minh Hoang - Portal team
Regular expression made by To Minh Hoang - Portal teamRegular expression made by To Minh Hoang - Portal team
Regular expression made by To Minh Hoang - Portal teamThuy_Dang
 
Os gi introduction made by Ly MInh Phuong-SOC team
Os gi introduction made by Ly MInh Phuong-SOC teamOs gi introduction made by Ly MInh Phuong-SOC team
Os gi introduction made by Ly MInh Phuong-SOC teamThuy_Dang
 
eXo Presentation: Bonita by Nguyen Anh Vu
eXo Presentation: Bonita by Nguyen Anh VueXo Presentation: Bonita by Nguyen Anh Vu
eXo Presentation: Bonita by Nguyen Anh VuThuy_Dang
 

More from Thuy_Dang (7)

Shell scripting - By Vu Duy Tu from eXo Platform SEA
Shell scripting - By Vu Duy Tu from eXo Platform SEAShell scripting - By Vu Duy Tu from eXo Platform SEA
Shell scripting - By Vu Duy Tu from eXo Platform SEA
 
Mcf presentation by Hai NGUYEN-Portal team
Mcf presentation by Hai NGUYEN-Portal teamMcf presentation by Hai NGUYEN-Portal team
Mcf presentation by Hai NGUYEN-Portal team
 
Secure & authentication By Lai HIEU - eXo SEA
Secure & authentication By Lai HIEU - eXo SEASecure & authentication By Lai HIEU - eXo SEA
Secure & authentication By Lai HIEU - eXo SEA
 
Lotus Collaboration by Le Thanh Quang in CT
Lotus Collaboration by Le Thanh Quang in CT Lotus Collaboration by Le Thanh Quang in CT
Lotus Collaboration by Le Thanh Quang in CT
 
Regular expression made by To Minh Hoang - Portal team
Regular expression made by To Minh Hoang - Portal teamRegular expression made by To Minh Hoang - Portal team
Regular expression made by To Minh Hoang - Portal team
 
Os gi introduction made by Ly MInh Phuong-SOC team
Os gi introduction made by Ly MInh Phuong-SOC teamOs gi introduction made by Ly MInh Phuong-SOC team
Os gi introduction made by Ly MInh Phuong-SOC team
 
eXo Presentation: Bonita by Nguyen Anh Vu
eXo Presentation: Bonita by Nguyen Anh VueXo Presentation: Bonita by Nguyen Anh Vu
eXo Presentation: Bonita by Nguyen Anh Vu
 

Recently uploaded

"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .Alan Dix
 
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersNicole Novielli
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity PlanDatabarracks
 
Training state-of-the-art general text embedding
Training state-of-the-art general text embeddingTraining state-of-the-art general text embedding
Training state-of-the-art general text embeddingZilliz
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxhariprasad279825
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxLoriGlavin3
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Manik S Magar
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersRaghuram Pandurangan
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...Rick Flair
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxLoriGlavin3
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity
 

Recently uploaded (20)

"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .
 
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software Developers
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity Plan
 
Training state-of-the-art general text embedding
Training state-of-the-art general text embeddingTraining state-of-the-art general text embedding
Training state-of-the-art general text embedding
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information Developers
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
 

WebAccessibilityTitle

  • 1. Web accessibility for eXo’s products NGUYEN Bao An [email_address] CROSS Team Developers version
  • 2. Summary Introduction Roadmap for eXo Evaluate Reporting Issues organization in Jira Best practices Demos
  • 3. Introduction Why Web Accessibility ? Europe: France and Belgium legislation require web accessibility for all governmental website eXo has some governmental clients
  • 4.
  • 5.
  • 6. Roadmap for eXo European laws required all governmental websites must accessible by A pril 2012 eXo Products will be certificated “ Accessible ” using = WCAG 2.0 Level AA PLF Roadmap - 28/12/2011: Platform 3.5.1 - 29/02/2012: Platform 3.5.2 - 04/04/2012: Platform 3.5.3 = compliance with WCAG 2.0 Level AA
  • 7.
  • 8. Evaluate - Achecker Achecker: - Tool to check Accessibility level on a HTML page - Total number of checkable rules using this tool = 310 - can be used as a Web services REST - free and open source Achecker tool link: http://achecker.ca/checker/index.php (Achecker eXo instance will arrive soon)
  • 9. Evaluate – Achecker Achecker allow us to detect several kind of problems: - Known problems: problems that we are able to detect automatically using Achecker tool, easy to fix most of the time - Potential problems: potential problems that are detected by Achecker, a human check is needed to determine if it is a real problem... Each Achecker rule are describe with a full documentation, access this doc via: http://achecker.ca/checker/suggestion.php?id=[ACHECKER ID]
  • 10. Evaluate – Human checks Tool - Lynx browser - Firefox plugins - Web accessibility toolbar - Web developer tool bar - Wave toolbar - Adesigner Accessibility Test Referential for testers = Test Campaign eXo’s products Automation tools Certificated by an expert Human Check
  • 11. Evaluate eXo Products Automation tools Certificated by an expert Human checks Combination with automation tools + human checks to verify all elements accessible W3C validator Achecker Lynx browser Firefox plugins aDesigner NVDA WAVE
  • 12.
  • 13.
  • 14. Issues organization in JIRA CROSS issues are parent in all issues Achecker generates ID http://achecker.ca/checker/suggestion.php?id= 106 [ACCESS] ACHECKER- 106 All onmouseout event handlers have an associated onblur event handler. CROSS Label = “ACCESS-AA” Example of one issue
  • 15. Issues organization in JIRA CROSS issues are parent in all issues Achecker generates ID http://achecker.ca/checker/suggestion.php?id= 106 [ACCESS] ACHECKER- 106 All onmouseout event handlers have an associated onblur event handler. CROSS ECMS [ACCESS] ACHECKER- 106 All onmouseout event handlers have an associated onblur event handler. link Example of one issue Label = “ACCESS-AA”
  • 16. Issues organization in JIRA CROSS issues are parent in all issues Achecker generates ID http://achecker.ca/checker/suggestion.php?id= 106 [ACCESS] ACHECKER- 106 All onmouseout event handlers have an associated onblur event handler. CROSS ECMS CS [ACCESS] ACHECKER- 106 All onmouseout event handlers have an associated onblur event handler. [ACCESS] ACHECKER- 106 All onmouseout event handlers have an associated onblur event handler. link link Example of one issue Label = “ACCESS-AA”
  • 17. Issues organization in JIRA CROSS issues are parent in all issues Achecker generates ID http://achecker.ca/checker/suggestion.php?id= 106 [ACCESS] ACHECKER- 106 All onmouseout event handlers have an associated onblur event handler. CROSS ECMS CS PORTAL [ACCESS] ACHECKER- 106 All onmouseout event handlers have an associated onblur event handler. [ACCESS] ACHECKER- 106 All onmouseout event handlers have an associated onblur event handler. [ACCESS] ACHECKER- 106 All onmouseout event handlers have an associated onblur event handler. link link link Example of one issue Label = “ACCESS-AA”
  • 18. Issues organization in JIRA CROSS issues are parent in all issues Achecker generates ID http://achecker.ca/checker/suggestion.php?id= 106 [ACCESS] ACHECKER- 106 All onmouseout event handlers have an associated onblur event handler. CROSS ECMS CS PORTAL SOCIAL [ACCESS] ACHECKER- 106 All onmouseout event handlers have an associated onblur event handler. [ACCESS] ACHECKER- 106 All onmouseout event handlers have an associated onblur event handler. [ACCESS] ACHECKER- 106 All onmouseout event handlers have an associated onblur event handler. [ACCESS] ACHECKER- 106 All onmouseout event handlers have an associated onblur event handler. link link link Example of one issue link Label = “ACCESS-AA”
  • 19. Issues organization in JIRA CROSS issues are parent in all issues Achecker generates ID http://achecker.ca/checker/suggestion.php?id= 106 [ACCESS] ACHECKER- 106 All onmouseout event handlers have an associated onblur event handler. CROSS ECMS CS PORTAL GTN SOCIAL [ACCESS] ACHECKER- 106 All onmouseout event handlers have an associated onblur event handler. [ACCESS] ACHECKER- 106 All onmouseout event handlers have an associated onblur event handler. [ACCESS] ACHECKER- 106 All onmouseout event handlers have an associated onblur event handler. [ACCESS] ACHECKER- 106 All onmouseout event handlers have an associated onblur event handler. [ACCESS] ACHECKER- 106 All onmouseout event handlers have an associated onblur event handler. link link link link link Example of one issue Label = “ACCESS-AA”
  • 20. Issues organization in JIRA CROSS issues are parent in all issues Achecker generates ID http://achecker.ca/checker/suggestion.php?id= 106 [ACCESS] ACHECKER- 106 All onmouseout event handlers have an associated onblur event handler. CROSS ECMS CS PORTAL KS GTN SOCIAL [ACCESS] ACHECKER- 106 All onmouseout event handlers have an associated onblur event handler. [ACCESS] ACHECKER- 106 All onmouseout event handlers have an associated onblur event handler. [ACCESS] ACHECKER- 106 All onmouseout event handlers have an associated onblur event handler. [ACCESS] ACHECKER- 106 All onmouseout event handlers have an associated onblur event handler. [ACCESS] ACHECKER- 106 All onmouseout event handlers have an associated onblur event handler. [ACCESS] ACHECKER- 106 All onmouseout event handlers have an associated onblur event handler. link link link link link link Example of one issue Label = “ACCESS-AA”
  • 21. Issues organization in JIRA Very important: - Because regex search doesn't perform a dynamic search, CROSS Team can not provide a correct search result, each team need to work on the issues according to their experience and knowledge - Please, spend time to estimate all issues related to your Products - Focus on the FRONT end (public mode) : work on each issue and keep in mind that the main fixes should be done on the FRONT end files (java if they are used to product html, gtmpl, css, js, html) that are used especially in Public Mode (not login)
  • 22. Best practices No frame Contrast and color Seperation CSS ↔ HTML alt ='' Site map and search engine title W3C validator HTML CSS Javascript alternative Validation from server
  • 23.
  • 24.
  • 25.
  • 26.
  • 27. Best practices - Education Web Accessibility is not an event that happens once and then it's over. It is an ongoing process. Web accessibility will be monitored and maintainted periodically Today : 10% of the World’s population , or 650 million people , live with a disability http://www.un.org/disabilities/convention/facts.shtml
  • 28. DEMOS
  • 29.
  • 30.

Editor's Notes

  1. Because next week, Cross team will create issues related to Accessiblity to all team, all Tls need to be informed about this subject.
  2. The objectif of Web Accessibility is help disabilities people to understand the meaning of a web page which means that: understand a text, an image, a video . All user can have equal access to information and functionality, that's why a site is designed, developed, and edited correctlty. About history: There are two major Web standards used today to define accessible Web content for people with disabilities - Section508 is published in nineteen ninety eight by US gouvement electronic and information technology to meet accessibility requirements. - Then W3C published a recommendation for version WCAG version1 and 2 in two thousand eight. This guidelines is recognized as a standard as served as a basis for legislation and evaluation method in many countries, specially in european countries, there are some little changing about accessibility standard, for example in France there is RGAA (called Referentiel), this guidelines created in 2009
  3. WCAG 2 has tree levels: A, double A and triple A , a higher level includes lower level plus some new rules more difficult. The rules containt restrictions utilisation about html tags, CSS, Scripts, Colors and contrast, media like flash, video, also about behavior and presentation. Please note that RGAA rules are the nearly same with WCAG,
  4. Because european laws And the clients need to validate our products Accessible We need to focus with Level AA, it's very important subject for eXo All of gouverment site is late to this standard
  5. CROSS Team had tested many web accessibilty testing tools, comercial version and free version, AChecker is an open source Web accessibility evaluation tool. It can be used to review the accessibility of Web pages based on a variety international accessibility guidelines
  6. Exo's produts will follow a series of test and validation before a certificate by an expert the first step is Automation then Human, finally an expert will certificate accessiblity
  7. when developing any web content, you should start with the basic technology supported and then only provide enhanced features as an option if they user’s browser supports it. This approach is called progressive enhancement. Progressive enhancement doesn’t focus on browser compatibility. Instead, it focuses first on the content, then on presentation of that content, and then on any scripting. This way, regardless of the device or browser a visitor is using, they’ll be able to see your content without any issues. First concentrate on the content structure. By creating well-structured, semantic HTML as the base of your website, you’ll have an easier time with the presentation level of your design. Once your HTML and basic functionality are all set, you’ll want to turn to presentation elements. The vast majority of browsers, including many mobile browsers, support CSS
  8. Accessibility will be always supported on eXo's products Web accessibility will be monitored and maintanted periodically