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 Certificates CharacterEntity CharacterSets Colors Cool Site CSS Cutting DecoMail DecorationMail Design Desktop Diff DJ dmg DNS Document Cloud PDF Embed API Documents Download eBook Editer eMail Envelopes ExifTool Facebook FFmpeg File System Fonts FontsTool FontsWeb FOOD FormPrint ftp Gadget Gif Animation Google HexEditor HTML info iPhoto ISBN ISO iTunes iWork iWorkNumbers iWorkNumbersCalendar iWorkNumbersTimecard iWorkPages JavaScript JeditX JeditX Regexp JeditXAppleScript JIS jquery Letterpress Library logo Mac Admin Mac Archiver Mac Browser Mac Browser Plugin Mac QuickLook Mac Spotlight Mac Video Map Microsoft Teams Mobby Moto Movies Music Network Basic ntp OCR Office OSX Pantone Paper PDFlib Permission Photo Pictograms Print Public QuickLook QuickTime QuickTimeSetting QuickTimeSound Real Media ReName ResourceFork ruby Screen ScreenCast Search Security SEO Sharing SLAResource Sound Spotlight Stamp SWF Tutorial PSD TV Twitter Typography Unicode Utilities Video WebFont Wedding Windows WindowsMedia XML XMP XPS YouTube YouTube Rss