基本ジェスチャーとショートカットキー
読み上げ、移動、探索に使うキーを学びます。
「基本ジェスチャーとショートカットキー」はCoddyKit上の無料Web Accessibility Academyレッスンです。 これはレッスン2/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはWeb Accessibility Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Web Accessibility Academyコースには全4レッスンが含まれています。
利用者の言語を理解する
スクリーンリーダーはマウスではなく、キーやジェスチャーで操作します。いくつかのショートカットキーを覚えれば、どのページでも音声を聞きながら移動できます。⌨️
NVDAの修飾キー
NVDAのコマンドの多くはNVDAキーから始まります。これはInsertまたはCaps Lockです。押したまま文字キーを押してコマンドを実行します。
VoiceOverのVOキー
VoiceOverのコマンドはVOキーから始まります。ControlとOptionを同時に押した状態で、矢印キーや文字キーを追加して操作します。
VoiceOver modifier: Control + Option (VO)ここから読み上げる
カーソル位置から下にあるすべてを聞くには、NVDAでNVDAと下矢印キーを押します。ページ全体を続けて読み上げます。
1行ずつ移動する
矢印キーを使って、ゆっくり確認します。下矢印と上矢印を押すと1行ずつ移動できるため、各コンテンツを聞き逃さずに済みます。
見出し単位で移動する
慣れたユーザーは要素の種類ごとに移動します。NVDAではHキーを押すと次の見出しへ移動でき、構造をすばやく確認できます。
NVDA: press H for next heading, K for next linkリンクとフォームを単位に移動する
1文字キーによる移動はほかにもあります。Kで次のリンク、Fで次のフォームフィールドへ移動します。これが、視覚障害のあるユーザーがページをざっと確認する方法です。
要素一覧
全体を確認したい場合は、NVDAとF7を押して開く要素一覧を使います。すべての見出し、リンク、ランドマークが1つのメニューに表示されます。
VoiceOverのローター
VoiceOverにはローターと呼ばれる独自の概要表示があります。VOとUを押して開き、矢印キーで見出し、リンク、ランドマークを移動します。
コントロールを操作する
キーボードでクリックする場合も、目で操作するときと同じキーが使えます。EnterまたはSpaceで、マウスをクリックするように、フォーカス中のリンクやボタンを操作できます。
必要なのは少しだけ
何百ものコマンドを覚える必要はありません。いくつかのナビゲーションキーを覚えれば、ほとんどすべてのテストに対応できます。👍
簡単な確認
NVDAで、次の見出しへ移動する1文字キーはどれでしょうか。
まとめ
修飾キーを押しながら、矢印キーで読み上げ、H、K、Fでページを確認します。要素一覧やローターを使えば、全体の構造を一度に把握できます。🗺️
よくある質問
「基本ジェスチャーとショートカットキー」レッスンは無料ですか?
はい。「基本ジェスチャーとショートカットキー」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し(組み込みコードエディタと24時間対応のAIチューター)、Web Accessibility Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Web Accessibility Academyコースには全4レッスンが含まれています。
「基本ジェスチャーとショートカットキー」で何を学びますか?
読み上げ、移動、探索に使うキーを学びます。 ブラウザで直接実行するハンズオンコードでWeb Accessibility Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。
Web Accessibility Academyを始めるのに経験は必要ですか?
事前経験は必要ありません。CoddyKitのWeb Accessibility Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン2/4です。
「基本ジェスチャーとショートカットキー」レッスンにはどのくらい時間がかかりますか?
ほとんどのCoddyKitレッスンは約5~10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。
このWeb Accessibility Academyレッスンでコードを書いて実行できますか?
はい。すべてのWeb Accessibility Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。
このコースのすべてのレッスン
- NVDA、VoiceOver、TalkBackを起動する
- 基本ジェスチャーとショートカットキー
- ブラウズモードとフォーカスモード
- 再現可能なスクリーンリーダーテスト