Тестирование веб-компонентов в Light DOM проще, чем кажется. Херардо Родригес рассказывает, как связка Vitest, Lit, DOM Testing Library, vitest-axe, и продуманная архитектура Light DOM упростили проверку событий, форм, фокуса, и доступности в крупном легаси-проекте. #js #webcomponents #testing

https://cloudfour.com/thinks/testing-html-light-dom-web-components-easier-than-expected/

Пять тестов доступности для каждого компонента. Хидде де Врис предлагает необходимые проверки для компонентов дизайн-системы: клавиатура, доступные токены цвета и отступов, понятные имена элементов управления, устойчивость при 400% масштабе и пользовательских настройках, а также роли, состояния и свойства для скринридеров. #a11y #testing

https://zeroheight.com/blog/5-accessibility-checks-to-run-on-every-component/

Тестирование доступности в Playwright: что пропускают axe и Lighthouse. Дэвид Мелло объясняет, что автоматические инструменты вроде axe и Lighthouse обнаруживают лишь 30-40% нарушений WCAG. В статье рассматриваются десять категорий проблем доступности, которые сканеры не находят, от неоднозначного текста ссылок до проблем с клавиатурной навигацией, и предлагаются паттерны тестирования в Playwright и стратегии ручной проверки. #a11y #testing

https://www.davidmello.com/software-testing/test-automation/playwright-accessibility-testing-axe-lighthouse-limitations