• 藍色の奥パネルと薄灰色の手前パネルが重なるアイソメトリック図。手前のパネルが優先され、重なり部分だけ暗くならない様子を表現したイラスト

    light-dark()が効かない罠|a11yテストは何も検査していなかった

    axe/Playwrightのa11yテストがダークモードのコントラストを検査できていなかった実例です。原因はJSのclassList付与とインラインcolor-scheme指定の競合で、light-dark()がlight固定のまま解決されていました。Astro製ブログでの発見と修正の記録です。