Testing Shadow DOM with aXe Coconut - A11ycasts #26

Today we're going to look at aXe Coconut, the leading edge of the aXe developer toolchain. You can think of aXe Coconut kind of like Chrome Canary or Firefox Nightly. It's a preview channel for developers to test out new versions of the library and offer feedback before they hit the stable version. One of the coolest features in the latest version of aXe Coconut is the ability to inspect Shadow DOM! This is huge for anyone doing Web Component accessibility testing. Today we'll walk through inspecting a media player created with Shadow DOM and show off some of the new audits made possible by aXe Coconut.

[piz]

Just wanted to say thanks Rob for the videos! Just powered through your whole playlist on a long train journey. Have learnt loads on accessibility recently and we're applying lots of good practices to our own platform now, so thanks for all the great resources. Keep up the good work!

[evolutionxbox]

_very_ useful. I've been using pa11y and axe in different projects. This sort of visual feedback is great.

[ChristopheStrobbe]

Unfortunately, aXe-Coconut is no longer available.

[savszs]

Hey! I have a question for you guys! If you know charles is aXe-Coconut like charles? :o