Manual and Automated Accessibility Testing Implementation

Reduce manual efforts by 70% provides ROI and quicker feedback by test automation of Accessibility workflows with an integration of Selenium & HTML code sniffer Enhancing customer base by enabling applications accessible to leads including differently abled/ having special needs and abide by WCAG

My talk starts with

What, why  Accessibility Testing, Web Accessibility Technical Agility with Accessibility  Adoption of Accessibility in Sprints & Iterations  Differently Abled users & Scenarios  Accessibility Lifecycle Testing Strategy  WCAG Standards & Guidelines  Accessibility Testing tools & Techstack  Case Study: How I reduced Time from 2 months Manual work to 5 mins and improved quality and ROI Live Demonstration: Accessibility Toolbars/ Plugins, Accessibility Tab in Browser, Online static Evaluation Tools, Assistive Technologies does screen readers, Keyboard strokes & Automated Accessibility Testing with Protractor  How to kickstart accessibility across the organization  30- days Accessibility Challenge  References

Slidedeck Link: Automated Accessibility

Am going to opensource My Accessibility Engine and Reporting Engine and below are the TechStack ( used open source libraries) :

• Selenium webdriver ( https://www.seleniumhq.org/projects/webdriver/) - Web Browser Navigation Across pages in Product
• HTML code Sniffer ( https://github.com/squizlabs/HTML_CodeSniffer) - Accessibility Validation
• JSON simple - Report Violations in JSON
• Node - Generate HTML based report shows violation level, Tagname, HTML DOMElement, WCAG standard, Guideline link, Recommendation to fix

Key Takeaways

• Quicker feedback and high ROI for standard accessibility compliances by automated tests
• How we can implement automated accessibility in middle of functional workflows
• Accessibility Testing awareness
• Different Accessibility standards
• Automated Accessibility libraries
• Finding accessibility violations without being an accessibility expert
• Accessibility Test Summary Reporting

When websites are designed, developed all users have equal access to information& functionality.

QA needs to make sure web & mobile should be

• Accessible to all users including differently abled or having special needs.
• Abide by legislation (WCAG, section 508, ADA)
• Avoid lawsuits.

QA needs to make the strategy using

• Manual review
• Accessibility toolbars
• Online evaluation tools
• Assistive technologies
• Realistic end-user testing (visually challenged)
• Bring automation using Selenium, HTML code sniffer/AXE to make developers and stakeholders aware on product accessibility compliance.

• I would like to mainly concentrate on 4 principles ( POUR - perceivable, operable, understandable, Robust) and 12 guidelines of Text alternatives by providing alt attributes, Time based media by proving captions, Adaptable by all assistive technologies like screen readers/magnifiers, Distinguishable, Keyboard accessible, Enough Time for seeing especially for people having dyslexia, Navigate to all pages by providing appropriate headers sizes and accessible links, Readable by providing ARIA labels and roles, predictable and input assistance by providing error messages with efficient colour contrast, Compatible with all browser versions and make responsive web design suits tablets, mobile and Desktop

• QA should gain expertise by going through 30- day accessibility testing and adopt across the organization by having key stakeholders, checklist and benchmark levels of WCAG ( A, AA, AAA). • Establish UI standards, colour contrast across teams. • Inspire team by making accessibility is right to use

• This paper describes manual testing by reviewing HTML code and automated Accessibility techniques using evaluation tools like Voice over, AXE, HTML code sniffer, WAVE, A checker, W3c Mobile ok analyser, colour contrast analyser useful for developers and QA within their automated scripts

Demonstration of Automated Accessibility utilities ( Selenium + HTML code sniffer + JSON + bootstrap + Node) checks and reports accessibility violations of all pages in a website and makes stakeholders know how compliant software with standards and developers use the report to fix the violations reported on HTML elements

Audience will be excited by manual and automated techniques of accessibility testing by knowing WCAG standards. Accessibility Testing as a service indirectly helping people who are differently abled or having special needs. I will be discussing by posing queries during presentations, live demonstrations of automated accessibility, clear vision of the project, Asking feedback from the audience