Skip to content

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

HTMLを使用して装飾している(疑いのある)要素や属性を強調して表示します。

Notes

使い方

  1. ページのスタイルを無効にします
  2. 本ユーザースタイルを有効化します
  3. 本ユーザースタイルによる強調表示内容を目視で確認します

制限事項

  • ページやコンテンツによっては表示が崩れる場合があります
  • 強調表示される要素・属性がすべて問題となるわけではありません
  • 複数のルールに該当する要素では表示される内容が制限されます
    • たとえば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;
    }
}

Reviews

No reviews yet.