ProUtils

HTMLテーブルアクセシビリティ検査

tableマークアップにth、caption、aria-labelなどの基本情報があるか確認します。

このツールについて

HTML tableにヘッダーセルと表の説明があるか確認し、基本的な表アクセシビリティ問題を見つけます。

価格表、比較表、レポート表のように行と列の意味が重要なUIをレビューする時に便利です。

問題

0

要確認

0

合格

1

要素

1

レポート

使い方

  1. 1

    必要な値を入力するか、テキストを貼り付けます。

  2. 2

    オプションや単位を目的に合わせて調整します。

  3. 3

    表示された結果を確認し、必要な場所へコピーして使います。

機能

即時結果

値を入力するとブラウザ内で結果がすぐに更新されます。

ブラウザ内処理

入力値はサーバーへアップロードせず、端末内で処理されます。

シンプルな入力

繰り返し使いやすい入力欄と見やすい結果を用意しています。

無料で利用

登録やインストールなしでそのまま使えます。

主な用途

  • テーブルにthが抜けていないか確認します。
  • captionやaria-labelで表の目的が説明されているか点検します。
  • 比較表やデータ表のアクセシビリティレポートを素早く作成します。

関連ツール

開発者ツール