【Word Press】WA（ウェブアクセシビリティ）設定について

「設定」ページ

●「設定」ページを開くには、ワードプレス管理者サイトにアクセスし、サイドナビゲーションメニューのアクセシレンズのアイコンにカーソルを合わせ、サイドメニューから「設定」を選択します。





画像1

●
多くの※1テキストフィールドは、入力として※2「セレクター」を必要とし
ます。


※1テキストフィールド：コンピュータの操作画面上で、利用者が文字（テキスト）情報を入力するために設けられた長方形（長方形）の領域のこと。 ※2 セレクター：スタイルを適用する箇所の
こと。

1.「カスタムブロック」テキストフィールド

●「カスタムブロック」テキストフィールド [画像2] は、間違ったタグを持つ可能性があり、そのためスクリーンリーダーで読み飛ばされる可能性があるウェブサイトの新しい部分をハイライトするために使用され
ます
。 「音声操作」、「スクリーンリーダー」、「テキストリーダー」、「キーボード」機能を使用するユーザーにとって、これらのハイライトされた部分は、ウェブサイトを操作するために重要です。




画像2

2.「スキップブロック」テキストフィールド

●「スキップブロック」テキストフィールド [画像3] は、「スクリーンリーダー」、「テキストリーダー」、「音声操作」が、アクセスしたくないウェブサイトの部分をスキップするために使用します。




画像3

3.「サイドナビゲーターをスキップ」テキストフィールド

●クイックサイトナビゲーションメニューは、「スクリーンリーダー」、「テキストリーダー」、「音声コントロール」機能を使用している人が、ヘッダー、コンテンツのメインセクション、フッターなど、ウェブサイトの異なるセクションに素早くスキップする
ために使用されます。
このテキストフィールド [画像4] を使用すると、クイックサイトナビゲーションメニューにセクションが追加されます。






画像4

4.「秘密にする要素」テキストフィールド

●クイックサイトナビゲーションメニューは、「スクリーンリーダー」、「テキストリーダー」、「音声コントロール」機能を使用している人が、ヘッダー、コンテンツのメイン※3セクション、フッターなど、ウェブサイトのさまざまな
セクションにすばやく
このテキストフィールド [画像5] を使用すると、クイックサイトナビゲーションメニューからセクションを削除することができます。

※3セクション：





画像5

5.「メインメニュー」テキストフィールド

●このテキストボックス [画像6] は、クイックサイトナビゲーターでメインメニューを見つけるのに苦労している場合に、それを手助けするためのものです。クイックサイトナビゲーター [画像7] には、サイトのトップ
またはメインコンテンツエリアにジャンプするオプションがありますが、メインメニューにジャンプする別のオプションを追加したい場合、このテキストボックスを使用してそれを実現することができ
ます
。、クイックサイトナビゲーターのメニューに別のオプションが表示され、指定したメニューにジャンプすることができます。



画像6

画像7

6. リンクにタイトルを付ける：次の3つのテキストフィールド

●「スクリーンリーダー」や「テキストリーダー」の機能を利用している場合、リンクを読み上げると、一般的にはリンクの全体が読み上げられます。これではあまりお得な情報とは断言せず、
その
次の3つの入力フィールド [画像8] では、「スクリーンリーダー」または「テキストリーダー」機能を使用している人が、リンク先の具体的なテキストを聞き取ることができるようになっています。






画像8

7.「サイドバー」テキストフィールド

●サイドバーとは、通常のサイトの横にあるコンテンツ、通常はメニューのことを指します。サイドバーは通常のコンテンツの一部ではなく、通常、ページ上の他のコンテンツと一緒に流れること
はありません。
このテキストボックス [画像9] は、クイックサイトナビゲーターがサイドバーを見つけるのを助けるためのものです。クイックサイトナビゲーター [画像10] には、サイトのトップまたはメインコンテンツ領域にジャンプするオプションがあり
ます、
サイドバーにジャンプする別のオプションを追加したい場合は、このテキストボックスを使用してそうすることができます。このテキストボックスにサイドバーヘッダーを追加すると、クイックサイトナビゲータメニューに別のオプションが表示され
ますされ、指定したサイドバーにジャンプすることができます。

8.「ヘルプテキストの表示」チェックボックス

●このボックスにチェックを入れると [画像11] 、ウェブサイト上でプラグインメニューを起動した時に、画面右下にヘルプのポップアップ[画像12] が表示されます
。回答されますが、このチェックボックスを使用すると、視覚的な要素をオフにすることができます。






画像11

画像12

9. 「アダプティブコントラスト機能の使用」チェックボックス

●このボックスをチェックすると [画像13] 、ボタンがより適応的な色彩調節を提案し、実行することができます。
このボックスがチェックされていない場合、利用可能な色彩調整は黒、白、黄色のみとなります。



画像13

チェックなし

チェックあり

10.SNSタイトル

●「ソーシャルタイトルの表示」チェックボックス

このチェックボックスをオンにすると [画像14] 、ウェブページ上のSNSアイコン（Facebook、Twitterなどへのリンクを示す画像）に、
 「SNS Facebook」「SNS Twitter」といった適切なタイトルが表示される。これは、「スクリーンリーダー」や「テキストリーダー」機能を使用している場合に便利です。
スクリーンリーダーが画像の説明やリンクを読み上げてユーザーを混乱させる代わりに、
ユーザーはソーシャルアイコンの画像がSNSページやメールアイコンタイトル」で指定されたSNSアイコンのタイトルには影響しません。



画像14

●「SNSアイコンのタイトル」テキストボックス

ここでは、特定のSNSアイコンを「スクリーンリーダー」や「テキストリーダー」で読み上げたり、SNSアイコンの上にマウスを置いたときに表示される文字を指定することができます。
[画像16] ここで指定したタイトルは、「Show Social Titles」チェックボックスにチェックを入れるされていない場合には、影響を受けません。

画像15



画像16

11.「スクリーンリーダーブロックの有効化」チェックボックス

●このボックスをチェックすると [画像17] 、「スクリーンリーダー」または「テキストリーダー」機能を使用しているユーザーは、
スクリーンリーダーがセクションの内容をすべて読みたくない場合、ウェブページのセクションをスキップすることができますできます
例えば、スクリーンリーダーがリストのところに来たが、ユーザーはスクリーンリーダーにリスト内の全ての要素を読ませたくない場合、リスト全体をスキップするように選択することができます。

画像17

12.「新しいツールチップを追加」テキストフィールド

●ユーザーが「スクリーンリーダー」または「テキストリーダー」機能をオンにすると、スクリーンリーダーがページのトップに直接移動する代わりに、
要素ごとに移動しなくてもページの特定の部分にアクセスできるメニューに移動します。[画像18]
例えば、このクイックナビゲーションセクションのセクションには、ブラウザ、フッター、およびメインコンテンツエリアが含まれる場合があります。 
[画像19]このテキストボックス [画像20] では、これを可能し、スクリーンリーダーが到達したときに読み上げられるテキストを追加することができます。

画像18

: 画像19



画像20

13.「ボーダーカラーの選択」セレクター

●このセレクター [画像21] を使用して、現在フォーカスされているテキストや画像のブロックを置き換えるハイライトカラーを選択することができます。
これは、「スクリーンリーダー」または「テキストリーダー」 [画像22 ]また、この色は、「スクリーンリーダー」や「テキストリーダー」機能を使用している人がより簡単に見ることができるように、
ウェブサイトの他の全ての色と対照的、またははっきりと調和させることが重要です。




画像21





画像22

14. 「新しいaltと追加」テキストフィールド

●「Alt」は「alternate text」の略で、画像が完成していない時やユーザーがスクリーンリーダーを使用している時に読み上げられる画像のテキストを指します。
画像のaltには、画像に何が写っているかを簡潔で分かりやすいテキストで記述し、画像内の情報がページの別の場所に伝えられている場合は、空白にします。
画像のaltが理解不能、曖昧すぎる場合もあるので、これらのテキストフィールドを使用してaltを手動で変更する必要があります。[画像23]



画像23

15. 「新しい aria-label を追加」テキストフィールド

●アリアラベルは、画面上でそれが何かを説明するためのテキストを持たない要素にラベルを付けるために使用されます。 
たとえば、ページを閉じるためのマークの「X」ですが、「Xでページを閉じます。」とは書いてありません。
「スクリーンリーダー」や「テキストリーダー」の機能を使用している人が、「X」が何を示しているのかを知ることができるように、ここでアリアラベルが必要になります。
アリアラベルは、ボタン、ビデオ、またはフォームに入力する際にも使用されます。
これらのテキストフィールド [画像24] では、必要な場所にアリアラベルを追加したり変更したりすることができます。

画像24

16. 「ツールバーでキーボードモードを使用する」のチェックボックス

●キーボードモードは、マウスではなくキーボードを使用してウェブサイトを操作できるようにする機能です。
これは、運動機能障害をお持ちの方に便利です。
このチェックボックスをオンにすると [画像25 ] 、あなたのサイトのプラグインに「キーボード」オプションが追加され、ユーザーはあなたのウェブサイトを操作できるようになります。[画像26]




画像25




画像26

17. 「アンカーがあるページでオートフォーカスを使う」チェックボックス

●アンカーは、ウェブページのリンクから、同じページの別の場所にウェブを移動するときに発生します。
このような場合、スクリーンリーダーは、ページがどこにジャンプしたかを知ることができます送信場所にジャンプする代わりに、
ジャンプがなかったかのようにページを読み進めてしまうことがよくあります。 
ところで、「スクリーンリーダー」や「テキストリーダー」の機能を利用者が、サイトのあらゆる面を利用できるように、このチェックボックス [画像27] をオンにすることをお勧めします。

画像27

18. 「クイックナビゲーションツールバーにメニュー名を設定する」テキストフィールド

●ウェブサイトのサイトマップには、メインナビゲーションメニューのようなサイトにあるメニューのリストや、リストがあるかもしれません。
アクセシレンズは、これらのメニューやリストの名前を自動的に生成しますが、各メニューやリストに何があるかをよりよく説明するために名前を変更することができます。

画像28

19. 「サブメニュー付きドロップダウンを持つメニューにヘッダーを追加する」テキストフィールド

20.「ポップアップの設定」テキストフィールド

21.「平凡なメニューにパッチを使う」テキストフィールド

●「送信」ボタン

「送信」ボタンをクリックすると、全ての変更が保存されます。

画像30

詳しくは、こちらのリンクから→サイト設定