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: 'パンくずリストにラベルがありません';
}<a>リンクです</a>
<nav class="breadcrumb">...</nav>a:not([href]) {
--error: 'hrefがありません。もしかしてbutton?';
}
.creadcrumb:not(:is(nav[aria-label], nav[aria-labelledby])) {
--error: 'パンくずリストにラベルがありません';
}