CSSでHTMLをテストする

テスト対象のHTML

<a>リンクです</a>

<nav class="breadcrumb">...</nav>

テスト

a:not([href]) {
  --error: 'hrefがありません。もしかしてbutton?';
}

.creadcrumb:not(:is(nav[aria-label], nav[aria-labelledby])) {
  --error: 'パンくずリストにラベルがありません';
}

参考

• Testing HTML With Modern CSS: HeydonWorks