Testing Shadow DOM with aXe Coconut - A11ycasts #26

Channel:
Chrome for Developers
Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=1uyQdC3LqLo


Duration: 7:33
12,029 views
224

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.

aXe-Coconut by Deque: https://goo.gl/k85bPE

Shadow DOM explainer: https://goo.gl/nsGeHc

Watch all A11ycasts episodes: https://goo.gl/06qEUW

Subscribe to the Chrome Developers YouTube channel for updates on new episodes of A11ycasts: http://goo.gl/LLLNvf



Other Videos By Chrome for Developers


2017-10-23WordPress + PWAs = đź’– (Chrome Dev Summit 2017)
2017-10-23Leadership Panel (Chrome Dev Summit 2017)
2017-10-23Workbox: Flexible PWA Libraries (Chrome Dev Summit 2017)
2017-10-23Fast By Default: Modern Loading Best Practices (Chrome Dev Summit 2017)
2017-10-23Kickstarting Your Journey to Progressive Web Apps (Chrome Dev Summit 2017)
2017-10-23Progressive Web Apps: Integrating with Browsers and Operating Systems (Chrome Dev Summit 2017)
2017-10-23The New Bar for Web Experiences (Chrome Dev Summit 2017)
2017-10-23Keynote (Chrome Dev Summit 2017)
2017-10-19Caching Strategies - Supercharged
2017-10-17Chrome 62: Improved Network Information API, Support for OpenType Variable Fonts and more!
2017-10-13Testing Shadow DOM with aXe Coconut - A11ycasts #26
2017-10-13Chrome 62 - What's New in DevTools
2017-10-12CSS Grid - Supercharged
2017-10-11How the Web Competes with Native -- Designer vs. Developer #12
2017-10-10Imposter Syndrome - HTTP203
2017-10-09Uploading an Image - Developer Diary #Day1
2017-10-06Managing Your Bundle Size - Totally Tooling Tips
2017-10-05Aspect Ratio Hack - Supercharged
2017-09-29How to build a toggle button - A11ycasts #25
2017-09-28WebGL Image Processing: Live Code Session - Supercharged
2017-09-27Designing for the Next Billion Users -- Designer vs. Developer #11


Tags:
A11ycasts
accessibility
aXe
aXe Coconut
shadow DOM
DOM
inspect shadow DOM
aXe chrome
axe chrome dev tools
axe extension
axe chrome extension
accessible design
designing for accessibility
html tag
elements
element
element attributes
assistive technology
chrome accessibility
web
web development
chrome developers
chrome
developers
product: chrome
fullname: Rob Dodson
Location: MTV
Type: DevByte
Other: NoGreenScreen
GDS: Yes;