AccessibilityCheck

tenon

Website_image00281106_183232


|

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

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

Force4u00221110_175230

Firefox Accessibility Extension Documentation: Overview and Installation[LINK]新しいウィンドで開きます

ダウンロードはこちら

Force4u00221110_174206_2
Accessibility Evaluation Toolbar :: Add-ons for Firefox[LINK]新しいウィンドで開きます


 

インストールすると
Force4u00221110_175441

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

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

Force4u00221110_175139

チェック結果は
画面と
Force4u00221110_175113

レポート形式で
Summaryを
Force4u00221110_175128

見る事が出来ます。

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

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

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


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

『Dreamweaverのアクセシブルチェック』だけでは不十分

事だけは理解しておかないといけませんね
Force4u00221110_174041
↑画面はCS3


| | コメント (0)

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

Opera用
Web Accessibility Toolbar
Force4u00221108_55746

↓FIreFoxのWebDevToolと同等(ある意味それ以上)の
機能があるツールバーが機能拡張として提供されています。
Force4u00221108_55123
Opera 8 Opera 9用があります。

 

FireFox用

Web Developer
Force4u00221108_60051

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

 

Chrome版(Firefox版と作者は同じです)
Web Developer

Force4u00221108_60739

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

Force4u00221108_60902

 

Accessibility Evaluation Toolbar


Force4u00221110_174206


Accessibility Evaluation Toolbar :: Add-ons for Firefox[LINK]新しいウィンドで開きます


 


Force4u00221111_70528


ウェブヘルパーを利用する:みんなのウェブ[LINK]新しいウィンドで開きます

| | コメント (0)

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

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

Force4u00221108_52009
ColorSelector : 富士通[LINK]新しいウィンドで開きます
(企業の社会貢献として、本当に正しい形だと思いますね。自社の長所を活かしているし)

 

アメリカ的には

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

Force4u00221108_51556

Resource Center - Contrast Analyser 2.2[LINK]新しいウィンドで開きます

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


Force4u00221108_51614

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


  


| | コメント (0)

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

Force4u00221107_233258

Web Content Accessibility Guidelines 1.0[LINK]新しいウィンドで開きます
 

Force4u00221107_233200
Checklist of Checkpoints for Web Content Accessibility Guidelines 1.0[LINK]新しいウィンドで開きます

 

Force4u00221107_232910

ColorSelector : 富士通[LINK]新しいウィンドで開きます

 


Force4u00221107_233009
ColorDoctor : 富士通[LINK]新しいウィンドで開きます

 

Force4u00221107_233103

WebInspector : 富士通[LINK]新しいウィンドで開きます

 

Force4u00221107_233410

EvalAccess home page[LINK]新しいウィンドで開きます

 


Force4u00221107_233503

WAVE - Web Accessibility Evaluation Tool[LINK]新しいウィンドで開きます


 

Force4u00221107_233620


Complete List of Web Accessibility Evaluation Tools[LINK]新しいウィンドで開きます

 


Force4u00221107_235201
アクセシビリティ[LINK]新しいウィンドで開きます

 


Force4u00221108_22500


Adobe Accessibility[LINK]新しいウィンドで開きます

 


Force4u00221107_235515

IBM アクセシビリティ・センター トップページ - Japan[LINK]新しいウィンドで開きます

 

Force4u00221107_235656

マイクロソフト アクセシビリティ ホーム[LINK]新しいウィンドで開きます

 

Force4u00221107_235823

Web Accessibility Toolbar 1.2.1 日本語版/ツール&ダウンロード - Webアクセシビリティポータルサイト『infoaxia(インフォアクシア)』[LINK]新しいウィンドで開きます

 

Force4u00221108_10813

Section 508[LINK]新しいウィンドで開きます
リハビリテーション法第508条【リハビリテーション法第508条 - Wikipedia[LINK]新しいウィンドで開きます

 

Force4u00221108_12152
Juicy Studio: Readability Test[LINK]新しいウィンドで開きます


 
Section 508
WCAG 1.0 Priority 1〜3

Force4u00221108_53446

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

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

browsealoud

Force4u00221109_224055

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

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


  

| | コメント (0)

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

Force4u00221111_70528


ウェブヘルパーを利用する:みんなのウェブ[LINK]新しいウィンドで開きます

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


 

Force4u00221111_70609

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

こんな画面です。
Force4u00221111_70617

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

Force4u00221111_70620

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

構文チェックを中心で
Force4u00221111_70740

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

 

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

| | コメント (0)

その他のカテゴリー

Accessibility | AccessibilityCheck | AccessibilityForm | AccessibilityInDesign | AccessibilityPDF | Acrobat | Acrobat Action | Acrobat Annotation | Acrobat AppleScript | Acrobat Layer | Acrobat Plug-ins | Acrobat Portfolios | Acrobat Print | AcrobatBarcode | AcrobatDialog | AcrobatForm | AcrobatJS | AcrobatMenu | AcrobatPDF | AcrobatStamp | AcrobatYouTube | AddressBook | Adobe | Adobe InDesign | AdobeAppleScript | AdobeBridge | AdobeIllustrator | AdobeJSX | aed | Alfresco | Android | AnimationGif | Apple | AppleScript | AppleScriptBasics | AppleScriptCharacter | AppleScriptColor | AppleScriptDroplet | AppleScriptErrorNum | AppleScriptFolder | AppleScriptFontBook | AppleScriptRename | AppleScriptTools | AppleSymbols | Applications | Barcode | Barcode2D | BarcodePostal | BetterHTMLExport | Book | Browser | buzz | CAD | Certificates | CharacterEntity | CharacterSets | Chrome | Colors | Cool Site | CriminalMind | CSS | Cutting | DecoMail | DecorationMail | Design | Desktop | Diff | DJ | dmg | DNS | Documents | Download | DTP | eBook | Editer | eMail | Envelopes | ExifTool | Facebook | FFmpeg | File System | Fonts | FontsTool | FontsWeb | FOOD | FormPrint | ftp | Gadget | Gif Animation | glee | Google | Graphic | HexEditor | HTML | info | iPhoto | ISBN | ISO | iTunes | iWork | iWorkNumbers | iWorkNumbersCalendar | iWorkNumbersTimecard | iWorkPages | JavaScript | JeditX | JeditX Regexp | JeditXAppleScript | JIS | jquery | Kanji | Kids | Letterpress | Library | logo | Mac Admin | Mac Archiver | Mac Browser | Mac Browser Plugin | Mac QuickLook | Mac Spotlight | Mac Video | Map | Mobby | Moto | Movies | Music | Network Basic | ntp | OCR | OCR Font | Office | OfficePowerPoint | OSX | Pantone | Paper | PDFlib | Permission | Photo | Pictograms | Pictures | Press | Print | Public | QuickLook | QuickTime | QuickTimeSetting | QuickTimeSound | Real Media | ReName | ResourceFork | ruby | Sample | Screen | ScreenCast | Search | Security | SEO | Sharing | SLAResource | Souvenir | Spotlight | Stamp | SWF | Tutorial PSD | TV | Twitter | Typography | Unicode | Utilities | Video | WebClip | WebFont | Wedding | Windows | WindowsMedia | XML | XMP | XPS | YouTube | YouTube Rss