Webページ用のMac VoiceOverを使用したアクセシビリティのテスト

Question

VoiceOver [Macツール]を使用してWebページのアクセシビリティの開発/テストを行っています。私が使用しています

典型的なワークフローは、ブラウザ

VoiceOverの電源をオンにし、テストし、再び＃1

何でHTMLへの変更

オープンページを行い、

1. 試行錯誤です私はVoiceOverがテキスト形式のHTML/Webページを変換/表示し、それを読むことを理解しています。プロセスを簡単にする方法を理解することが簡単にできるようになることを願っています。

   私はVoiceOverのやり方でHTML/Webページを見るのに役立つツールやユーティリティ、ガイドラインがあるかどうかを知りたいです。私は入力としてhtmlを取ってVoiceOverのようなテキストファイルを出力するツールを意味します（どのような変更がVoiceOverにどんなやり方で迅速に影響するかを理解するだけです）。

   すべての入力は本当に役に立ちます。

Answer 1

WebAIMは、それは画像、表、および他の要素をテストする方法を、ユーザーがナビゲートする方法を、使用しているかのキー、設定を取得する方法を伝えることで役立ちますUsing VoiceOver to Evaluate Web Accessibility

題した素晴らしい記事があります。

スクリーンリーダーを使用したテストは、見るときにページをタブで移動すること以外にはありません。理想的には、画面をオフにしてテストすることができます。また、ほとんどのVOユーザーはページをタブではなく、ランドマーク、見出し、リンク、リストなどでジャンプする傾向があることを認識する必要があります。

私が記事全体を貼り付けるが、ここでは概要であるわけではない。

• Introduction
• Getting Started
• Reading
• Navigation
  • Other useful shortcut keys
• Images
• Data Tables
• Forms
• Practice
• VoiceOver on the iPhone, iPod Touch, and iPad

Answer 2

Chrome Devツールには、アイテムのアクセス可能な名前がVoiceOver APIに公開される方法を示す[アクセシビリティプロパティ]パネルがあります。このパネルを開いたままにしておくと、パネルに表示されている内容に満足すれば、VoiceOverでテストするだけで簡単に実行できます。

Answer 3

あなたの質問に答えるために、あなたがアクセシビリティAPIを公開Accessibility inspectorツール、（探しているように、それが聞こえますOSX SafariはNSAccessibilityを使用し、iOS SafariはiOS用にUIAccessibilityを使用）ビット（VoiceOverが使用する） 。これはXcodeの一部なので、MacにはXcodeが必要です。