Как тестировать accessibility?

Middle
199 просмотров
AFK Offer AI

jest-axe — запускает axe-core проверки в тесте: const { container } = render(); expect(await axe(container)).toHaveNoViolations(). Testing Library поощряет a11y через getByRole — если элемент не находится, значит a11y проблема. Playwright: await expect(page).toPassAxeTests(). eslint-plugin-jsx-a11y — статический анализ. Lighthouse в CI — audit score. Ручное тестирование screen reader (VoiceOver, NVDA). Проверяй: tab навигация, aria-labels, цветовой контраст, alt на картинках.

Следующий вопрос

Что такое Remix и чем отличается от Next.js?