フロントエンド技術を学ぼう 3-13.アクセシビリティツール

Front-end Developer Handbook 2017を教科書にフロントエンド周りの技術を習得する連載。

アクセシビリティツールの説明です。

アクセシビリティツール

ガイド

• Accessibility Guidelines Checklist
  (アクセシビリティガイドラインのチェックリスト)
• Interactive WCAG 2.0
  (インタラクティブWCAG 2.0)
• 18F Accessibility Guide
  (18Fアクセシビリティガイド)

サイトスキャナ

• aXe Browser Extension
• Chrome Accessibility Developer Tools (Chrome拡張機能)
• Tenon Accessibility Tool
• WAVE Accessibility Tool

カラーコントラストテスター

• Colorable
• Colorable Matrix
• Color Safe
• Color Ratio

ロービジョンシュミレーター

• SEE (Chrome拡張機能)
• Spectrum (Chrome拡張機能)
• NoCoffee (Chrome拡張機能)

スクリーンリーダー

• VoiceOver (Mac)
• JAWS (Win)
• NVDA (Win)
• Window-Eyes (Win)
• ChromeVox (Chrome拡張機能)
• Basic screen reader commands

リーダビリティテスター

• Expresso App
• Hemingway App
• Grammarly
• Readability Score
• MS Office 文書の読みやすさをテストする [日本語]

記事

• Getting Started with ARIA
  (ARIA入門)
• Reframing Accessibility for the Web
  (Webのアクセシビリティの見直し)
• An Alphabet of Accessibility Issues
  (アルファベットのアクセシビリティ問題)
• Practical ARIA Examples
  (実用的なARIAの例)
• MDN Accessibility Guide
  (MDNアクセシビリティガイド)
• Enable accessibility panel in Chrome dev tools
  (Chrome開発ツールでアクセシビリティパネルを有効にする)