Automate Accessibility Testing with Tenon.io for any Websites or WordPress sites
-
Upload
peter-bui -
Category
Technology
-
view
70 -
download
1
Transcript of Automate Accessibility Testing with Tenon.io for any Websites or WordPress sites
OUR ACCESSIBILITY TOOLBOX
➤Pre-made boilerplate theme generator for WordPress
➤Gravity Forms accessibility plugin
➤HTML Code sniffer from Squiz
➤tenon.io API for testing and continuous testing
➤Access monitor for WordPress
➤Lots of automated scripts
WHAT OUR BOILERPLATE SETS US UP WITH
➤Semantic markup
➤Accessible base level of CSS, eg font sizes, contrast, padding
➤ARIA landmarks
➤Menus with correct text and markup e.g Menu next to the burger menu
➤Skip menus
WCAG 2.0 FORM FIELDS FOR GRAVITY FORMS
➤Form multi step process indicator
➤Creates field sets for radio and check boxes
➤Adds aria attributes for the form fields
➤Display errors at the top of the form with with anchor links to the errors in the form
HTML CODE SNIFFER FROM SQUIZ
➤Great quick tool
➤False positives
➤Requires interpretation and experience
ACCESS MONITOR
➤Schedule tests on a website post launch
➤Tests against what is recommend for an automated test
➤Stop published that aren’t considered accessible
TENON
➤Web page source testing
➤API to trigger testing of pages
➤Tenon-cli to test in builds
➤Schedule monitoring
STANDARD PROCESS BUILD WITH TESTING
➤Generate website from boiler plate
➤ Install Gravity forms accessibility plugin if required
➤ Implement the design from design team
➤Test with HTML Code Sniffer
STANDARD PROCESS BUILD WITH TESTING
➤Put code to git and deploy server for testing
➤Deploy if successful, change code and repeat if not
➤Generate reports for project managers and customers