HTMLを使用して装飾している(疑いのある)要素や属性を強調して表示します。
HTMLによる装飾 by mlca11y
Details
Authormlca11y
LicenseNo License
Categoryglobal
Created
Updated
Size3.9 kB
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;
}
}