NVDA 2023.2jp-r2以降で発生しているツイキャスの不具合
Suzuki Mitsuo
こんにちは。鈴木です。
ツイキャス（https://twitcasting.tv/）で自分の名前のところをクリックして自分のページを開き、アーカイブのリンクを開いてアーカイブ一覧のページに移動します。そこで自分が残した録画のリンクを開くと「この録画は「夢の島」への移動対象です。移動を回避するには、録画を公開し、タイトルを設定してください。」というメッセージが表示されているので、「録画編集」→「録画の編集」と選択してタイトルをつけようとしました。そうしたところ、NVDA 2023.1jpでは、タイトル欄と思われるところにタイトルを入力してTabキーを押していくと「ファイルを選択」→「ファイルを選択: 選択されていません」→「未設定」→「クリア」→「ヘルプ」→「配信にセンシティブな内容を含む」→「キャンセル」→「変更する」などと読み上げられて、「変更する」のボタンを押すことでタイトルが保存されて夢の島への移動を回避できるのですが、NVDA 2023.2jp-r2及びNVDA 2023.3jpではこの「ファイルを選択」から「変更する」までのところが読み上げもされないしアクセスもできません。そのため、NVDA 2023.2jp-r2及び2023.3jpでは夢の島への移動を回避するための手順を行うことができません。
同じWebサイトに対して、NVDA 2023.1jpでは操作できるのに2023.2jp-r2や2023.3jpではできないというのは、NVDA 2023.2jp-r2以降で何らかの不具合が発生していると思うのですが、いかがでしょうか？
よろしくお願いいたします。
Windows の メール から送信
Takuya Nishimoto
NVDAの不具合として心当たりはないということをまずお伝えしておきます。
ツイキャスで配信をしたことがないので同じ状況をすぐに再現できません。
すみません。
ご指摘の状況で NVDA のログにエラーが出ているとしたら、
何か不具合の可能性があります。
エラーの有無だけでも教えていただけるとありがたいです。
またNVDAのバージョンを比較するときに、
アドオンの有効、無効について条件は同じでしょうか。
違うブラウザ、あるいは、違うスクリーンリーダーでの比較は可能でしょうか。
状況のご報告としては、
ブラウザの種類とバージョン、OSのバージョン、
具体的な操作手順などをお知らせいただけるとありがたいです。
利用しているアカウントのコンテンツの状況に依存するようでもあり、
タイミングによってWebサイト側の変更が行われる可能性もあるので、
正確な検証をするためには
サービス運営者への問い合わせが必要になるかも知れません。
--
Takuya Nishimoto
nish...@gmail.com
2023年11月5日(日) 17:34 Suzuki Mitsuo <msu...@hotmail.com>:
> NVDA日本語版
> https://www.nvda.jp
> ---
> このメールは Google グループのグループ「NVDA Japanese Users」に登録しているユーザーに送られています。
> このグループから退会し、グループからのメールの配信を停止するには nvda-japanese-u...@googlegroups.com にメールを送信してください。
> このディスカッションをウェブ上で閲覧するには https://groups.google.com/d/msgid/nvda-japanese-users/SEZPR06MB5022CFDEF19FE69531DD9F3BAFABA%40SEZPR06MB5022.apcprd06.prod.outlook.com にアクセスしてください。
Suzuki Mitsuo
キャスアカウントの作成
1) twitcasting.tvを開き、「配信する」リンクを開く。このとき、ログインしていない場合は「ツイキャスにログイン」ページが開くので、「キャスアカウント」のリンクを開いてアカウントを作成する。アカウントID、お名前（ニックネーム）、email、パスワード、年齢確認を指定し、「キャスアカウントを作成」ボタンを押して作成する。
西本様
こんにちは。鈴木です。
下記の件につきまして、ご連絡いただきありがとうございます。
今日改めて試してみたところでは、NVDA 2023.1jpとNVDA 2023.3jpで動作の差異は出ず、アドオンをすべて無効化しても動作は変わりませんでした。
ナレーターを試したところ、NVDAと動作の差異がありました。
Webブラウザについては、Google ChromeとMicrosoft Edgeを試しましたが、ブラウザによる動作の差異はありませんでした。
ナレーターの動作が望ましい動作に思われますので、以下にこちらの環境と現象の再現手順について書いてみます。
環境：
・Windows 11 バージョン22H2
・ナレーター、Chrome、Edgeのバージョンの確認方法がわかりませんが、おそらく最新と思います。NVDAのバージョンは2023.3jpです。音声エンジンはJTalkです。
現象の再現手順：
1) ツイキャスのページ（URLはhttps://twitcasting.tv/、以下同じ）を開き、「配信する」リンクを開きます。このとき、ツイキャスのユーザーアカウントにログインしていない場合は、「ツイキャスにログイン」のページが表示されますので、自分のツイキャスアカウントでログインします（SNS連携アカウントあるいはツイキャスアカウント）。自分のアカウントをまだ持っていない場合は、「キャスアカウントを作成」のリンクを開くことで自分のアカウントを作成することができます。アカウント作成や配信には費用は発生しません。
2) ツイキャスのページで自分のアカウントにログインして「配信する」のリンクを開いたら、「開始」ボタンを押してテスト配信を行います。配信は数秒でOKです。数秒したら、「終了」ボタンを押して配信を終了します。Tabキーを押していくと「削除」、「非公開」、「公開」のボタンが見つかりますので、「公開」ボタンを押して録画を公開に設定します。
3) ツイキャスのページで、自分の名前が表示されているリンクを開き、次に「アーカイブ」のリンクを開きます。アーカイブの一覧の中に先程配信した録画が見つかりますので、そのリンクを開きます。
4) ページの中に「録画編集」というボタンが見つかりますので、押します。メニューが展開されて「録画を編集」というリンクが現れますので、それを開きます。
5) リンクを開いてから、Tabキーを一度押すと、「録画を公開」というオプションにフォーカスします。
6) さらにTabキーを一度押すと、「ライブ #xxxx」などと読み上げされます。
7) さらにTabキーを一度押すと、「エディット ブランク」などと読み上げされます。
8) さらにTabキーを一度押します。ナレーターでは、この時点で「ファイルを選択」と読み上げますが、NVDAでは、「ブランク」とだけ読み上げされます。NVDA+Tabキーを押すと「ファイルを選択」と読み上げされます。
9) さらにTabキーを一度押します。ナレーターでは、この時点で「ファイルを選択 選択されていません」と読み上げますが、NVDAでは、「ブランク」とだけ読み上げされます。NVDA+Tabキーを押すと「ファイルを選択 選択されていません」と読み上げされます。
10) さらにTabキーを一度押します。ナレーターとNVDAで、この時点で「未設定」と読み上げされます。
11) さらにTabキーを一度押します。ナレーターでは、この時点で「クリア」と読み上げますが、NVDAでは、「ブランク」とだけ読み上げされます。NVDA+Tabキーを押すと「クリア」と読み上げされます。
12) さらにTabキーを一度押します。ナレーターでは、この時点で「ヘルプ」と読み上げますが、NVDAでは、「ブランク」とだけ読み上げされます。NVDA+Tabキーを押すと「ヘルプ」と読み上げされます。
13) さらにTabキーを一度押します。ナレーターでは、この時点で「配信にセンシティブな内容を含む」と読み上げますが、NVDAでは、「ブランク」とだけ読み上げされます。NVDA+Tabキーを押すと「配信にセンシティブな内容を含む」と読み上げされます。
14) さらにTabキーを一度押します。ナレーターでは、この時点で「キャンセル」と読み上げますが、NVDAでは、「ブランク」とだけ読み上げされます。NVDA+Tabキーを押すと「キャンセル」と読み上げされます。
15) さらにTabキーを一度押します。ナレーターでは、この時点で「変更する」と読み上げますが、NVDAでは、「ブランク」とだけ読み上げされます。NVDA+Tabキーを押すと「変更する」と読み上げされます。
昨日はNVDA 2023.1jpで上記のナレーターのような動作でNVDA 2023.2-r2及びNVDA 2023.3jpではNVDA+Tabキーを押しても何も読み上げなかったのですが、今日確認したところでは上記のような状況でした。
いずれにしろ、上記のナレーターのような動作が望ましい動作だと思いますしそうでないととても使い物になりませんから、NVDAでも上記のナレーターのような動作になることを望みます。
差出人:
Takuya Nishimoto
送信日時: 2023年11月6日 7:48
宛先: nvda-japa...@googlegroups.com
件名: Re: [nvda-japanese-users:3655] NVDA 2023.2jp-r2以降で発生しているツイキャスの不具合
このメールは Google グループのグループ「NVDA Japanese Users」の登録者に送られています。
このグループから退会し、グループからのメールの配信を停止するには nvda-japanese-u...@googlegroups.com
にメールを送信してください。
このディスカッションをウェブ上で閲覧するには、https://groups.google.com/d/msgid/nvda-japanese-users/CA%2B1QNY%3DFpt9GtRwLNKChV8JTyOn7k4Qmnb4sWWQZhKWcHpaSSA%40mail.gmail.com
にアクセスしてください。
Suzuki Mitsuo
すみません、冒頭に余計な文章が入ってしまっていました。失礼いたしました。
Windows の メール から送信
差出人:
Suzuki Mitsuo
送信日時: 2023年11月6日 19:49
宛先: nvda-japa...@googlegroups.com
件名: RE: [nvda-japanese-users:3656] NVDA 2023.2jp-r2以降で発生しているツイキャスの不具合
--
NVDA日本語版
このディスカッションをウェブ上で閲覧するには https://groups.google.com/d/msgid/nvda-japanese-users/SEZPR06MB5022BC9F81F3052923EE84A8AFAAA%40SEZPR06MB5022.apcprd06.prod.outlook.com にアクセスしてください。
Takuya Nishimoto
いただいた手順でもうすこし調べてみました。
だいたいご指摘の状況を再現できたと思います。
「ライブ #xxxx」
「ファイルを選択」
などが表示されている箇所は、視覚的にはモーダルダイアログです。
実装には React が使われているようです。
（ブラウザの開発者ツールの表示が根拠）
NVDA のモードの切り替えが効かないことがありますが、
うまくフォーカスモードに切り替えることができれば、
フォーカス移動のときに、内容がわかる読み上げをしていると思います。
キーボード入力をスクリプトで処理しているようですが、
マークアップやスクリプトを詳しく調べるのは困難でした。
このWebアプリの実装の詳細がわからないため、
NVDAの不具合であるかどうかを判断できない、
というのが現時点での結論です。
Shift+Tab でフォーカスがモーダルダイアログの外に出てしまうことは確認したので、
Webアプリ側になんらかの課題はあると思います。
NVDAで操作が困難であることをWebサービスの事業者に報告してはいかがでしょうか。
--
Takuya Nishimoto
nish...@gmail.com
2023年11月6日(月) 19:51 Suzuki Mitsuo <msu...@hotmail.com>:
Suzuki Mitsuo
西本様
こんにちは。鈴木です。
下記の件につきまして、ご連絡いただきありがとうございます。
> NVDA のモードの切り替えが効かないことがありますが、
> うまくフォーカスモードに切り替えることができれば、
> フォーカス移動のときに、内容がわかる読み上げをしていると思います。
前のメールで書いたステップにモードの変化を追記すると以下のようになります。
なお、ナレーターでは、スキャンモードオフがNVDAのフォーカスモードと同じ働き、スキャンモードオンがNVDAのブラウズモードと同じ働きをしているようです。
5) リンクを開いてから、Tabキーを一度押すと、「録画を公開」というオプションにフォーカスします。
→ NVDAでは、「カシャッ」という音が鳴って、フォーカスモードに切り替わります。ナレーターでは、「スキャンオフ」と読み上げされて、スキャンモードオフに切り替わります。
6) さらにTabキーを一度押すと、「ライブ #xxxx」などと読み上げされます。
→ NVDAではフォーカスモード、ナレーターではスキャンモードオフ
7) さらにTabキーを一度押すと、「エディット ブランク」などと読み上げされます。
→ NVDAではフォーカスモード、ナレーターではスキャンモードオフ
8) さらにTabキーを一度押します。ナレーターでは、この時点で「ファイルを選択」と読み上げますが、NVDAでは、「ブランク」とだけ読み上げされます。NVDA+Tabキーを押すと「ファイルを選択」と読み上げされます。
→ NVDAでは、「ポン」という音が鳴ってブラウズモードに切り替わります。ナレーターでは、「スキャン」と読み上げされて、スキャンモードオンに切り替わります。
9) さらにTabキーを一度押します。ナレーターでは、この時点で「ファイルを選択 選択されていません」と読み上げますが、NVDAでは、「ブランク」とだけ読み上げされます。NVDA+Tabキーを押すと「ファイルを選択 選択されていません」と読み上げされます。
→ NVDAではブラウズモード、ナレーターではスキャンモードオン
10) さらにTabキーを一度押します。ナレーターとNVDAで、この時点で「未設定」と読み上げされます。
→ NVDAでは、「カシャッ」という音が鳴って、フォーカスモードに切り替わります。ナレーターでは、「スキャンオフ」と読み上げされて、スキャンモードオフに切り替わります。
11) さらにTabキーを一度押します。ナレーターでは、この時点で「クリア」と読み上げますが、NVDAでは、「ブランク」とだけ読み上げされます。NVDA+Tabキーを押すと「クリア」と読み上げされます。
→ NVDAでは、「ポン」という音が鳴ってブラウズモードに切り替わります。ナレーターでは、「スキャン」と読み上げされて、スキャンモードオンに切り替わります。
12) さらにTabキーを一度押します。ナレーターでは、この時点で「ヘルプ」と読み上げますが、NVDAでは、「ブランク」とだけ読み上げされます。NVDA+Tabキーを押すと「ヘルプ」と読み上げされます。
→ NVDAではブラウズモード、ナレーターではスキャンモードオン
13) さらにTabキーを一度押します。ナレーターでは、この時点で「配信にセンシティブな内容を含む」と読み上げますが、NVDAでは、「ブランク」とだけ読み上げされます。NVDA+Tabキーを押すと「配信にセンシティブな内容を含む」と読み上げされます。
→ NVDAではブラウズモード、ナレーターではスキャンモードオン
14) さらにTabキーを一度押します。ナレーターでは、この時点で「キャンセル」と読み上げますが、NVDAでは、「ブランク」とだけ読み上げされます。NVDA+Tabキーを押すと「キャンセル」と読み上げされます。
→ NVDAではブラウズモード、ナレーターではスキャンモードオン
15) さらにTabキーを一度押します。ナレーターでは、この時点で「変更する」と読み上げますが、NVDAでは、「ブランク」とだけ読み上げされます。NVDA+Tabキーを押すと「変更する」と読み上げされます。
→ NVDAではブラウズモード、ナレーターではスキャンモードオン
上記で、ブラウズモードに切り替わったときにNVDA+スペースキーを押してフォーカスモードに戻してTabキーで項目移動すると、移動したときに項目名を読み上げることを確認しました。
なお、モードの変化については、上記ではテキストボックスやオプションに移動したときにフォーカスモードになり、ボタンやリンクに移動したときにブラウズモードになっています。これ自体は、おかしな動作ではないと思います。他のWebページでも同じような動作になっていると思います。
ところで、一つ確認ですが、NVDAは、ブラウズモードでTabキーを押して項目移動したときは項目名は読み上げないという仕様なのでしょうか？ ナレーターでは、モードにかかわらず項目名を読み上げています。
最後に、Chromeで該当ページを開いて「名前を付けて保存」でHTMLソースを保存してみたのですが、以下が該当箇所と思われます。
<div id="movie-editor-modal"></div>
<div class="tw-snackbar" aria-live="assertive" aria-atomic="true"></div><div id="__ISX_ROOT_ID" style="bottom: 0px; z-index: 2147483647; position: fixed; width: 100vw; left: 0px; right: 0px;"><span></span></div><div class="modal-backdrop"></div><form class="modal in" tabindex="-1" role="dialog" aria-hidden="false" aria-modal="true"><div class="modal-header"><h3>録画を編集</h3></div><div tabindex="-1" class="modal-body"><div class="tw-form"><label>録画</label><span class="tw-toggle-switch"><label class="tw-toggle-switch__button tw-toggle-switch__button--checked" for="toggle-switch-left-change-lang">録画を公開</label><input id="toggle-switch-left-change-lang" type="radio" name="change-lang" value="left" checked=""><label class="tw-toggle-switch__button" for="toggle-switch-right-change-lang">非公開</label><input id="toggle-switch-right-change-lang" type="radio" name="change-lang" value="right"></span><label>タイトル</label><input type="text" class="spanFull" required="" value="モイ！iPhoneからキャス配信中 - / 配信テストですよ"><label>概要</label><textarea class="spanFull" rows="5" maxlength="1000">配信テストですよ</textarea><p class="tw-form-description"><img src="./モイ！iPhoneからキャス配信中 - _ 配信テストですよ - 鈴木光男 (@msuzu235) - ツイキャス_files/info.svg" class="tw-inline-icon" alt=""> 01:23のように書くと指定した時間へリンクを貼ることができます</p><label>サムネイル</label><div class="tw-file-upload" data-dragover="false" data-filled="false"><button class="tw-file-upload-button"><i class="icon-plus"></i> ファイルを選択</button><input class="tw-file-upload-input" type="file" name="file" accept="image/*"></div><div class="tw-form"><label>合言葉</label><div class="tw-form-text-with-button"><input id="membership-password-value" type="text" class="spanFull" name="password" placeholder="未設定" value="pasuwaadowaabcdefg"><button id="clear-password" type="button" class="tw-button-tertiary">クリア</button></div></div><div class="tw-form"><label>配信内容の設定<a href="https://twitcasting.tv/helpcenter.php?pid=HELP_GUIDELINE_SENSITIVE_CONTENTS" target="_blank" rel="noopener"><img src="./モイ！iPhoneからキャス配信中 - _ 配信テストですよ - 鈴木光男 (@msuzu235) - ツイキャス_files/help.svg" class="tw-inline-icon" alt="ヘルプ"></a></label><div class="tw-form-multi-input"><input id="checkbox-r15" name="r15" type="checkbox"> <label for="checkbox-r15">配信にセンシティブな内容を含む</label></div><div class="tw-form-description">センシティブな内容が含まれる場合、15歳未満には配信が表示されません</div></div></div></div><div class="modal-footer"><button class="tw-button-borderless" data-dismiss="modal">キャンセル</button><button class="tw-button-primary" type="submit">変更する</button></div></form></body></html>
差出人:
Takuya Nishimoto
送信日時: 2023年11月6日 23:48
宛先: nvda-japa...@googlegroups.com
件名: Re: [nvda-japanese-users:3658] NVDA 2023.2jp-r2以降で発生しているツイキャスの不具合
このディスカッションをウェブ上で閲覧するには、https://groups.google.com/d/msgid/nvda-japanese-users/CA%2B1QNYndn9t25ALLNDK5gpsoKoOTrq%2BDFLMeYKiND3K3MxEh6w%40mail.gmail.com にアクセスしてください。
Takuya Nishimoto
「NVDAは、ブラウズモードでTabキーを押して項目移動したときは項目名は読み上げないという仕様」
ではありません。
NVDAの期待される動作をHTMLとJavaScriptの実装が妨げている可能性がある、
ということをお伝えしました。
現時点ではナレーターで使っていただくことが回避策と思います。
NVDAの不具合の可能性として継続調査をご希望であれば
GitHub issue をお作りいただきたいのですが、可能でしょうか。
NVDA 2024.1jp に向けた開発で手一杯なので、
私が調査を続けるかどうかはNVDA 日本語チームと相談します。
--
Takuya Nishimoto
nish...@gmail.com
2023年11月7日(火) 1:48 Suzuki Mitsuo <msu...@hotmail.com>:
Suzuki Mitsuo
西本様
こんにちは。鈴木です。
以下に登録しました。ご検討お願いいたします。
特定のWebページで、ブラウズモードのときTabキーで項目移動すると項目名がブランクとだけ読み上げされる #422
https://github.com/nvdajp/nvdajp/issues/422
Windows の メール から送信
差出人:
Takuya Nishimoto
送信日時: 2023年11月7日 7:42
宛先: nvda-japa...@googlegroups.com
件名: Re: [nvda-japanese-users:3660] NVDA 2023.2jp-r2以降で発生しているツイキャスの不具合
このディスカッションをウェブ上で閲覧するには、https://groups.google.com/d/msgid/nvda-japanese-users/CA%2B1QNYkAEdL2U2dA%3DQeWQEWZ8RYXDHu6VJrTRh1omQHcWRFtKA%40mail.gmail.com にアクセスしてください。