cell_tower Broadcast Station
visibility 3.7K views schedule 4 years ago
CULCHR.TV Vintage Exclusive
Vintage Sneakers Streetwear +37

Automate Accessibility Tests With Storybook

Building UI libraries with @storybookjs is even better when you're confident you're shipping accessible code. Varun Vachhar will teach us how. Repo: https://github.com/jlengstorf/sb-a11y-testing Links https://www.learnwithjason.dev/visually-create-state-machines https://www.learnwithjason.dev/generate-figma-ui-kits-from-code https://twitter.com/winkerVSbecks https://storybook.js.org/ https://testing-library.com/ https://jestjs.io/ https://www.deque.com/axe/ https://storybook.js.org/tutorials/ui-testing-handbook/ https://www.chromatic.com/ Watch future episodes live at https://twitch.tv/jlengstorf This episode was sponsored by: - Netlify (https://lwj.dev/netlify) - Nx (https://lwj.dev/nx) - Backlight (https://lwj.dev/backlight) Live transcription by White Coat Captioning (https://whitecoatcaptioning.com/) Credits: Local Elevator by Kevin MacLeod is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/by/4.0/) Source: http://incompetech.com/music/royalty-free/index.html?isrc=USUAN1300012 Artist: http://incompetech.com/ Busybody by Audionautix is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/by/4.0/) Artist: http://audionautix.com/ Additional sound effects obtained from https://www.zapsplat.com

0:00 / 0:00
visibility 3,680 views thumb_up 109 comment 5 schedule 1:15:16 2022 4 years ago
Building UI libraries with @storybookjs is even better when you're confident you're shipping accessible code. Varun Vachhar will teach us how. Repo: https://github.com/jlengstorf/sb-a11y-testing Links https://www.learnwithjason.dev/visually-create-state-machines https://www.learnwithjason.dev/generate-figma-ui-kits-from-code https://twitter.com/winkerVSbecks https://storybook.js.org/ https://testing-library.com/ https://jestjs.io/ https://www.deque.com/axe/ https://storybook.js.org/tutorials/ui-testing-handbook/ https://www.chromatic.com/ Watch future episodes live at https://twitch.tv/jlengstorf This episode was sponsored by: - Netlify (https://lwj.dev/netlify) - Nx (https://lwj.dev/nx) - Backlight (https://lwj.dev/backlight) Live transcription by White Coat Captioning (https://whitecoatcaptioning.com/) Credits: Local Elevator by Kevin MacLeod is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/by/4.0/) Source: http://incompetech.com/music/royalty-free/index.html?isrc=USUAN1300012 Artist: http://incompetech.com/ Busybody by Audionautix is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/by/4.0/) Artist: http://audionautix.com/ Additional sound effects obtained from https://www.zapsplat.com