アクセシビリティ試験をサポートする達成基準チェックリストツール

以前のブログはこちら

広告

こんにちは。ましじめの田村です。

私が執筆した著書、『現場のプロから学ぶ CSSコーディングバイブル』は、Web制作の現場で役立つテクニックやノウハウをまとめています。
興味を持っていただけた方は、ぜひご覧ください。
https://amzn.to/3A8kNHC

このリンクは Amazon のアフィリエイトプログラムを通じて設定されています。

こんにちは。田村です。

ウェブアクセシビリティ試験実施時に使える達成基準チェックリストのテーブル作成ツールを作成しました。

アクセシビリティ試験結果を公開する場合、達成基準チェックリストを記入する必要があります。
3.2.1 達成基準チェックリストの記入方法

JIS X 8341-3:2016 試験実施ガイドライン(達成基準チェックリストの例)

デジタル庁の達成基準チェックリストは次のページで確認できます。
ウェブアクセシビリティ検証結果
弊社もサンプルページを用意していますのでよろしければご覧ください。
WCAG AA準拠サイト作成のためのスタイルガイドライン

ツールの使い方

使い方は、達成基準の「A, AA, AAA」を選択し、「出力」ボタンを押すと、達成基準チェックリストのテーブルが表示されます。
表示されたテーブルは「contenteditable="true"」が設定されているため、見た目を保持したまま直接修正することが可能です。
「適用」欄に「○」や「-」など「結果」欄に、「○」や「×」を入力することができます。
その後、「コードを表示」ボタンをクリックすると、HTML形式のテーブルが表示されます。

アクセシビリティ実装チェックリスト

このテーブルはブラウザ上から直接修正できます。
「適用」の欄は、適用する達成基準を「○」、適用しない達成基準を「-」など、
「結果」の欄は、検証の結果、適合している達成基準を「○」、適合していない達成基準を「×」などを入力してみてください。

達成基準チェックリスト
達成基準 適合レベル 適用 結果 注記

関連するタグ

全 1 件中 1 〜 1 件目を表示

この記事を書いた人

たむら しょうご

HTML&CSSコーダー

ウェブアクセシビリティ対応、フロントエンド開発、CMSを利用したウェブサイト制作を担当しています。
趣味はガーデニングです。

ましじめのスキルが必要ですか?

遠慮なくご相談ください。我々はあなたのプロジェクトに最善を尽くし、あなたのウェブサイトの制作を強力にサポートいたします。

お問い合わせはこちらから