150913 nvda-nishimoto

27
AccSell Meetup 010 Web 制制制制制制制 NVDA 制制 2015 制 9 制 13 制 NVDA 制制制制制制 制制制 西 1

Upload: takuya-nishimoto

Post on 13-Apr-2017

612 views

Category:

Technology


1 download

TRANSCRIPT

Page 1: 150913 nvda-nishimoto

AccSell Meetup 010Web 制作者のための NVDA 入門

2015 年 9 月 13 日NVDA 日本語チーム 西本卓也

1

Page 2: 150913 nvda-nishimoto

セッション 2• 13:15 ~ 14:00• NVDA の概要、インストールと設定

2

Page 3: 150913 nvda-nishimoto

ヒント• NVDA は視覚障害の当事者が開発• 正しい役割分担、標準技術の普及促進• 対等=過剰なサービスもしない

• ユニバーサルな操作性• 見えるユーザには物足りない部分がある• フォーカスハイライトであるていど補完• Windows 拡大鏡、マウスキー機能の併用

3

Page 4: 150913 nvda-nishimoto

日本のユーザ数( 1 日平均)

4

May

-14

Jun-

14

Jul-1

4

Aug-

14

Sep-

14

Oct

-14

Nov-

14

Dec-

14

Jan-

15

Feb-

15M

ar-1

5

Apr-1

5

May

-15

Jun-

15

Jul-1

5

Aug-

15

050

100150200250300350400450

2014.1jp 2014.2jp 2014.3jp 2014.4jp 2015.1jp 2015.2jp 2015.3jp

Page 5: 150913 nvda-nishimoto

NVDA の本家版と日本語版• すべての Windows に一つの NVDA で対応• 本家版 : www.nvaccess.org• 非営利組織 NV Access による公式版• バージョン表記 2015.1, 2015.2, 2015.3, 2015.4• コミュニティのボランティアによる国際化(含 日本語)

• NVDA 日本語版 : www.nvda.jp• NVDA 日本語チームがリリースする派生版• バージョン表記 2015.1jp, 2015.2jp, 2015.3jp,

2015.4jp• 主に日本語の入出力に関する拡張や変更• 本家版との統合を目指している

5

Page 6: 150913 nvda-nishimoto

NVDA 日本語版の基本• ガイドブック• www.nvda.jp からリンクされた Web 版• http://nishimotz.github.io/nvdajp-book/

• NVDA はどんなソフトか?• インストールとポータブル版• ポータブル版を c:\NVDA に作ってもよい

• ようこそ画面 NVDA キーと NVDA メニュー• 終了• タスクトレイのアイコン

6

Page 7: 150913 nvda-nishimoto

NVDA の設定のポイント• ログオン画面での NVDA の動作• Windows サインイン直後の NVDA の実行• 一般設定• ようこそ画面

• 設定できる環境• システムにインストールされたユーザーごとの環境• ログオン画面の環境• ポータブル環境

7

Page 8: 150913 nvda-nishimoto

MacBook Air で使う例• NVDA キーをどうするか• Insert, テンキー Insert, CapsLock, 無変換 , 変換

• 英語キーボード(ドライバ)の場合• CapsLock を利用化

• 日本語キーボード(ドライバ)の場合• CapsLock 不可

• Insert キーを確保する• BootCamp の場合は Windows のキーマッピング変更• VM の場合は Mac の環境設定と VM の設定も

8

Page 9: 150913 nvda-nishimoto

NVDA 環境で必要なキー• F1 から F12• fn と同時押しで使うのがつらい

• 半角全角キー• 英語キー配列の場合は Alt+ チルダ

• アプリケーションキー• Shift+F10 で代用可

• Windows キー( Mac コマンドキー 左右どちらか)• Alt ( Mac option キー)• Ctrl, Shift (左右どちらか)

9

Page 10: 150913 nvda-nishimoto

Mac のツール• Karabinier• Mac 環境のカスタマイズ

• VMware fusion• キーボードマッピングの設定

• VirtualBox• 右コマンドキーを使っている• 「英数」「かな」どちらも「半角全角」に対応

10

Page 11: 150913 nvda-nishimoto

Windows のツール• chgkey110 (青山技術)• キーボード切り替えツール US, JP, AX

• keyswap for XP (愛とゆり)• 管理者権限で実行 CapsLock 有効活用

• nodoka (アプレット)• 汎用キーバインディング変更ソフト• http://ja.nishimotz.com/nodoka

• AutoHotKey など類似ツール多数• 左 Alt+Shift の機能の無効化( Windows の設定)

11

Page 12: 150913 nvda-nishimoto

環境例• BootCamp でも VMware でも配置を統一• 英数: Insert ( NVDA キー)• かな:半角全角(文字変換/変換停止)• 右コマンド:アプリケーション(コンテクストメニュー)• F1 から F12 : fn キーなしでファンクション• VirtualBox の場合は仕方なく右 Shift を Insertに。。

12

Page 13: 150913 nvda-nishimoto

NVDA の音声設定• 音声なし• JTalk : mei, m001, lite• eSpeak を NVDA 日本語版で使うと• SAPI5, DualVoice アドオン• Windows 8 以降なら日本語も可能

• Vocalizer, KC トーカー• 記号読み上げレベル NVDA+P• 読み上げモード NVDA+S

13

Page 14: 150913 nvda-nishimoto

セッション 3• 14:10 ~ 15:00• NVDA の基本操作と出力の確認

14

Page 15: 150913 nvda-nishimoto

Windows のキー操作•矢印キー , Tab, Shift+Tab• Windows キー , Ctrl+Esc• Enter, Esc, スペース , Home, End• F6• Alt キー , Alt+ スペース• Alt+F4, Shift+F10• Ctrl+C, Ctrl+X, Ctrl+V, Ctrl+Z

15

Page 16: 150913 nvda-nishimoto

なにかを実行する操作• Enter• メニュー項目• ダイアログのデフォルトボタン

• スペース• ボタン

• NVDA+Enter• オブジェクトのアクティブ化(?)

16

Page 17: 150913 nvda-nishimoto

Windows キーを使う操作• Win+B, Win+T• Win+D, Win+M• Win+ 数字• Win+X, Win+S/Q, Win+A, Win+ スペース• Win+Enter : ナレーター

17

Page 18: 150913 nvda-nishimoto

NVDA のコマンド• NVDA+Tab フォーカスの報告• NVDA+T タイトルの報告• NVDA+A (NVDA+下矢印 ) すべて読み上げ• NVDA+L (NVDA+ 上矢印) 現在行の読み上げ

18

Page 19: 150913 nvda-nishimoto

入力ヘルプとキーボード設定• NVDA+1• NVDA キーをすばやく 2回押すと?

• デスクトップ配列とラップトップ配列• テンキーを使う操作の有無

• 入力ジェスチャー

19

Page 20: 150913 nvda-nishimoto

出力と状態の確認• スピーチ ビューワー• 音声なしとの併用

• フォーカス ハイライト• ナビゲーターオブジェクトも可視化

20

Page 21: 150913 nvda-nishimoto

設定プロファイル• メモ帳を使うときだけ音声の話者を変える

21

Page 22: 150913 nvda-nishimoto

設定情報• 設定の保存• 設定を戻す• 設定のリセット

22

Page 23: 150913 nvda-nishimoto

セッション 4• 15:10 ~ 16:10• Web閲覧

23

Page 24: 150913 nvda-nishimoto

ブラウザーごとの対応状況• Internet Explorer• 基本的な動作は安定

• Mozilla Firefox• いちばん ARIA 対応が充実• 画像認証に関するアドオン

• Google Chrome• 最近とてもよくなった• Readium EPUB ビューワー

• ブラウザのアクセシビリティ機能との衝突24

Page 25: 150913 nvda-nishimoto

ブラウズモードの使い方• 要素リスト NVDA+F7• Tab, Shift+Tab•矢印キー• 画面レイアウト

• テキストの報告• テーブル内移動• フォーカスモード• NVDA+ スペース

25

Page 26: 150913 nvda-nishimoto

1 文字ナビゲーション• 見出しジャンプなど• フォーム操作• 操作ガイド

• コンテナ要素• キー入力をどこが受け取るか?• NVDA• ブラウザ自身• ブラウザのコンテンツ

• 機能キーだけが有効なブラウズモード• NVDA+Shift+ スペース

26

Page 27: 150913 nvda-nishimoto

まとめとヒント• NVDA は視覚障害の当事者が開発• 正しい役割分担、標準技術の普及促進• 対等=過剰なサービスもしない

• 見えるユーザには物足りない部分がある• フォーカスハイライトであるていど補完• Windows 拡大鏡、マウスキー機能の併用

• オブジェクトナビゲーションとマウス機能• アドオン• 「リモート」の可能性

27