2016-04-05 19 views
0

私は、ユーザーがテキストの断片に注釈を付けることができるコンポーネントを持っています。ユーザーは、テキストフラグメントを選択して右クリックすると、コメントを入力できるポップアップが開きます。WCAG準拠のテキスト注釈方法

私はこのコンポーネントにアクセス可能にする必要があります(アプリケーション全体がレベルA WCAGに準拠している必要があります)。私はアクセシビリティを初めて熟知しており、どのようにこれにアプローチするのか分かりません。スクリーンリーダーはテキストの断片を '選択'できますか?私は、障害のあるユーザーのためにコンポーネントの代替バージョンを特別に構築することができると知っていますが、コンポーネントは上記で説明したより複雑であり、それはあまりにも多くの労力と時間を必要とします。 (今のところ、私はただそれを準拠させたい、私は次のステップとしてそれの本当の使い勝手を世話するだろう)

答えて

0

はい、screenreadersはテキストを選択するために使用することができます。既存のオペレーティングシステムとブラウザコントロールを置き換えるのではなく、それらを操作します。

最初の手順として、標準的なキーボードコントロール(たとえば、入力と右クリック)でアノテーションを作成します。視覚障害者以外の多くの障害者がそうであるように、スクリーンリーダーのユーザーはこれらに頼っています。

もう1つのレベルAの要件を確認するには、plain-English version of the Web Content Accessibility Guidelinesを確認してください。詳細が必要な場合は、WCAG仕様にリンクします。

0

デフォルトのブラウザのメカニズム(右クリックイベントのインターセプトなど)をオーバーライドしている限り、アクセスすることはできません。

非入力領域でテキストを選択することは、標準のスクリーンリーダーユーザーにとっては簡単なことです(私はすべてのショートカットを知っている盲目のオタクについて話していません)。

contenteditable=true属性を使用してコンテンツを編集可能にし、ユーザーが自分の好きなところにコメントを挿入するようにテキストを通過させることが最良の方法だと思います(そして、彼はシフトを使用できるかもしれませんボタンを押して、必要なテキストを選択します)。

JavaScriptを使用すると、キーを押して元のテキストを削除してポップアップを開くことができます。

関連する問題