tenon

[Firefox]Accessibility Extension Add-ons【アクセシビリティ】

アクセシビリティ・チェック用の
ファイアーフォックスのアドオンです。

【Firefox Accessibility Extension Documentation: Overview and Installation】[LINK]

ダウンロードはこちら

【Accessibility Evaluation Toolbar :: Add-ons for Firefox】[LINK]

インストールすると

Accessibilityチェック用のツールバーが出ます。

ではチェックしてみましょう
サンプルは首相官邸

チェック結果は
画面と

レポート形式で
Summaryを

見る事が出来ます。

首相官邸ホームページのトップ
結果はなかなか優秀？

Fail２カ所は
■検索フォームにlabelが正しく設定されていない
■FontタグでCenterを使っている（これはCSSを使えと言っています）

後の警告Warnは
タイトル（altやtitle h1等）がほとんどですので
構造上は問題ないでしょう
まぁまだ直す所があるって事ですが
現時点では優秀と言って良いでしょう。

こんなチェックツールがあるわけですので
チェックして出来る事は実践していきたいですね。

『Dreamweaverのアクセシブルチェック』だけでは不十分
な
事だけは理解しておかないといけませんね

↑画面はCS3

[Accessibility]アクセシビリティHTML・ブラウザ・チェック支援【Mac版】

Opera用
Web Accessibility Toolbar

↓FIreFoxのWebDevToolと同等（ある意味それ以上）の
機能があるツールバーが機能拡張として提供されています。

Opera 8　Opera 9用があります。

FireFox用

Web Developer

画像やCSSのONやOFF他HTMLのチェックに十分な機能が提供されます。

Chrome版（Firefox版と作者は同じです）
Web Developer

↓こんな感じでツールが利用可能になります。

Accessibility Evaluation Toolbar

【Accessibility Evaluation Toolbar :: Add-ons for Firefox】[LINK]

【ウェブヘルパーを利用する：みんなのウェブ】[LINK]

[Accessibility]Section 508対応カラーチェッカー【Mac版】

国内では富士通のColorSelector（カラーセレクター）があります。

【ColorSelector : 富士通】[LINK]
（企業の社会貢献として、本当に正しい形だと思いますね。自社の長所を活かしているし）

アメリカ的には

Contrast Analyserが用意されています。

【Resource Center - Contrast Analyser 2.2】[LINK]

ページ下の方にMac版があります。

国内向き日本語コンテンツはColorSelectorで
英語のコンテンツは一応Section 508基準のContrast Analyserでチェックした方が良いかもしれませんね

[Accessibility]アクセシビリティ・チェックツールとドキュメント【アクセシビリティ】

【Web Content Accessibility Guidelines 1.0】[LINK]
 

【Checklist of Checkpoints for Web Content Accessibility Guidelines 1.0】[LINK]

【ColorSelector : 富士通】[LINK]

【ColorDoctor : 富士通】[LINK]

【WebInspector : 富士通】[LINK]

【EvalAccess home page】[LINK]

【WAVE - Web Accessibility Evaluation Tool】[LINK]

【Complete List of Web Accessibility Evaluation Tools】[LINK]

【アクセシビリティ】[LINK]

【Adobe Accessibility】[LINK]

【IBM アクセシビリティ・センター　トップページ - Japan】[LINK]

【マイクロソフト アクセシビリティ ホーム】[LINK]

【Web Accessibility Toolbar 1.2.1 日本語版／ツール＆ダウンロード － Webアクセシビリティポータルサイト『infoaxia(インフォアクシア)』】[LINK]

【Section 508】[LINK]
リハビリテーション法第508条【リハビリテーション法第508条 - Wikipedia】[LINK]

【Juicy Studio: Readability Test】[LINK]

 
Section 508
WCAG 1.0　Priority　1〜3

に対応したアクセシビリティチェックツール

 
最後にチェックツールではありませんが
読み上げソフトを（英語版ですが）

browsealoud

MacだとSafariに対応したプラグイン
マウスで選択した文章を読み上げてくれます（英語）
色弱等で読みにくい所を補助してくれます。
（マウスで文字を選択する必要があるので
全盲の方を対象にはしていないと思われます）

日本語対応できたらすばらしいですね。

[Accessibility] ウェブヘルパー【2004版の構文チェッカ】Mac版有り【アクセシビリティ】

【ウェブヘルパーを利用する：みんなのウェブ】[LINK]

総務省が作っているチェックツールです
JAVAベースです。
JIS X 8341-3:2004ベース（完全対応でもない）ですので
ちょっと古いですが
Altの付け忘れチェック等できますので
部分的にはとても使いやすです。

JARファイルをダブルクリックで起動します。
（初回キャッシュを作るのでちょっと起動に時間がかかります）

こんな画面です。

初回起動時に設定を求められます

ブラウザとエディタを選択すればOK
（JAVAのUIはいつまでたっても慣れないなぁ）

構文チェックを中心で

どうも
エラー表示も『○○行目でエラー』等でないので
結局自分でエラー箇所を探す事になるので
そこんとこ
どうにかならんかねぇ遠い目線

同サイトのガイド
みんなが使えるホームページの作り方は[LINK]
わかりやすく書いてありますので
まずは？な方は必見かもしれません