赤くなったテストをどう判定するか、axeの限界とflakyの正体（Next.js 16 実プロダクト読解 #17）

axe が フォーカス状態を評価できないという限界を認識し、その補完実装方法と、flaky テストの見分け方を、Next.js の実プロダクトコード上で解説。Ring 不透明度修飾子などの Tailwind ユーティリティは静的検査を素通りするため、getComputedStyle と canvas でコントラストの実効値を計測する実装も示している。

テスト・検証, axe, WCAG