HTMLを使用して装飾している(疑いのある)要素や属性を強調して表示します。
HTMLによる装飾 by mlca11y
Details
Authormlca11y
LicenseNo License
Categoryglobal
Created
Updated
Code size3.9 kB
Code checksumcd781465
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
使い方
- ページのスタイルを無効にします
- Web Developerなどを利用します
- 本ユーザースタイルを有効化します
- 本ユーザースタイルによる強調表示内容を目視で確認します
制限事項
- ページやコンテンツによっては表示が崩れる場合があります
- 強調表示される要素・属性がすべて問題となるわけではありません
- 複数のルールに該当する要素では表示される内容が制限されます
- たとえばscope属性とlang属性がth要素に指定されている場合はscope属性のみが強調表示されます
Source code
/* ==UserStyle==
@name HTMLによる装飾
@namespace mlca11y
@version 1.0.0
@description HTMLを使用して装飾している(疑いのある)要素や属性を強調して表示します。
@author mlca11y
==/UserStyle== */
@-moz-document url-prefix("http:"), url-prefix("https:"), url-prefix("file:") {
:root {
--outline-font: "Consolas", monospace;
--outline-color-normal: hsl(60, 75%, 33%);
--outline-color-01: hsl(0, 75%, 33%);
--outline-color-02: hsl(120, 75%, 33%);
--outline-color-03: hsl(180, 75%, 33%);
--outline-color-04: hsl(240, 75%, 33%);
--outline-color-05: hsl(300, 75%, 33%);
--outline-width-error: 7px;
--outline-width-warning: 5px;
--outline-width-info: 3px;
--outline-width-normal: 1px;
--outline-style-usecss: dashed;
--outline-style-aria: dotted;
--outline-style-normal: solid;
}
/* HTMLによる装飾 */
/* 誤りではないが疑わしい */
strike,
u {
outline-color: var(--outline-color-normal);
outline-width: var(--outline-width-normal);
outline-style: var(--outline-style-usecss) !important;
outline-offset: -2px !important;
}
/* https://html.spec.whatwg.org/multipage/obsolete.html#non-conforming-features */
basefont,
big,
blink,
center,
font,
marquee,
multicol,
nobr,
spacer,
tt,
body[alink],
body[bgcolor],
body[bottommargin],
body[leftmargin],
body[link],
body[marginheight],
body[marginwidth],
body[rightmargin],
body[text],
body[topmargin],
body[vlink],
br[clear],
caption[align],
col[align],
col[char],
col[charoff],
col[valign],
col[width],
div[align],
dl[compact],
embed[align],
embed[hspace],
embed[vspace],
hr[align],
hr[color],
hr[noshade],
hr[size],
hr[width],
h1[align],
h2[align],
h3[align],
h4[align],
h5[align],
h6[align],
iframe[align],
iframe[allowtransparency],
iframe[frameborder],
iframe[framespacing],
iframe[hspace],
iframe[marginheight],
iframe[marginwidth],
iframe[scrolling],
iframe[vspace],
input[align],
input[border],
input[hspace],
input[vspace],
img[align],
img[border],
img[hspace],
img[vspace],
legend[align],
li[type],
menu[compact],
object[align],
object[border],
object[hspace],
object[vspace],
ol[compact],
p[align],
pre[width],
table[align],
table[bgcolor],
table[border],
table[bordercolor],
table[cellpadding],
table[cellspacing],
table[frame],
table[height],
table[rules],
table[width],
tbody[align],
thead[align],
tfoot[align],
tbody[char],
thead[char],
tfoot[char],
tbody[charoff],
thead[charoff],
tfoot[charoff],
tbody[valign],
thead[valign],
tfoot[valign],
td[align],
th[align],
td[bgcolor],
th[bgcolor],
td[char],
th[char],
td[charoff],
th[charoff],
td[height],
th[height],
td[nowrap],
th[nowrap],
td[valign],
th[valign],
td[width],
th[width],
tr[align],
tr[bgcolor],
tr[char],
tr[charoff],
tr[valign],
ul[compact],
ul[type],
body[background],
table[background],
thead[background],
tbody[background],
tfoot[background],
tr[background],
td[background],
th[background] {
outline-color: var(--outline-color-normal);
outline-width: var(--outline-width-normal);
outline-style: var(--outline-style-usecss) !important;
outline-offset: -2px !important;
}
}