きたじまさま
早速ありがとうございます。
snow_monkey_related_posts_args
にフィルターフック名を変えてみましたが、変化がありませんでした。
強制的にtrueにしてしまっているのかもしれません。
function filter_related_posts_by_lang( $args ) {
$lang = get_locale();
$args[‘lang’] = $lang;
$args[‘suppress_filters’] = false;
return $args;
}
add_filter( ‘snow_monkey_related_posts_args’, ‘filter_related_posts_by_lang’
フィルターフック名に間違いがあるのに気づきました！
snow_monkey_post_related_query_args
↓
snow_monkey_related_posts_args
ただ、Snow Monkey の関連記事はこのフィルターフックを通ったあとに強制的に suppress_filters を true にしてしまうので、効かないかもしれません…。とりあえずフィルターフック名を正しいものに変えて試してみてください。
きたじまさま
リンクまでいただきありがとうございます。
‘suppress_filters’ => false
を下記のように追加してみましたが、変化はありませんでした。
function filter_related_posts_by_lang( $args ) {
$lang = get_locale();
$args[‘lang’] = $lang;
$args[‘suppress_filters’] = false;
return $args;
}
add_filter( ‘snow_monkey_post_related_query_args’, ‘filter_related_posts_by_lang’
Snow Monkey は main などのランドマークとして使用されるタグを使用しているので、VoiceOver だとローターと呼ばれる機能を使うことで、任意のランドマークの位置に移動できるようです。
[Control] + [Option] + [U] で VoiceOver ローターを起動して、[→] でリンク / 見出し / ランドマークを切り替えてメインコンテンツに移動できました。
リンクを追加すること自体は後方互換性的にも影響なさそうなので、_s と同じ感じで追加しようかなと考え中です。
上記のページによると、'suppress_filters' => false の追加も必要とありました。追加してみるとどうなりますか？
サイドバー部分に隠し見出し的なものか aria-label="サイドバー" を追加すれば、「サイドバー」と読んでくれると思います。ここ、普通に「サイドバー」で一般の方にも意味が伝わりますかね？
plugins/snow-monkey-forms/dist/blocks/snow-monkey-form/render.php の form に tabindex="0" を追加することで実現できます。
<form class="snow-monkey-form" id="snow-monkey-form-<?php echo esc_attr( $form_id ); ?>" method="post" action="" enctype="multipart/form-data" data-screen="loading">
を
<form class="snow-monkey-form" id="snow-monkey-form-<?php echo esc_attr( $form_id ); ?>" method="post" action="" enctype="multipart/form-data" data-screen="loading" tabindex="0">
追加して確認をお願いします！
ちょっと思ったのは、一般的なやり方化はわからないのですが、例えば
<div class="screen-reader-text" tabindex="0">ここからフォームが始まります</div>
<form class="snow-monkey-form" id="snow-monkey-form-<?php echo esc_attr( $form_id ); ?>" method="post" action="" enctype="multipart/form-data" data-screen="loading">
とすると、タブを押したときに「ここからフォームが始まります」にフォーカスして読まれるけど画面には表示できなくすることができるので、そのほうがわかりやすいかも？と思ったりしました。もう一回タブを押すと戻るボタンにフォーカスしちゃうので、確認画面の内容を読ませたいなら [Control] + [Option] + [→] を押してもらわないとですが…。
すみません、私はタブ移動していたのですが、それ自体が間違っているような気がしてきました・・・m(_ _)m
—
[option] + [control] + [→] を連打して「本文」に移動したあと、[option] + [control] + [A] を押すと本文が自動で読み上げられました。
—
こちらで意図通りの動きが得られました！
こちらのトピックは閉じさせていただきます。
すみません、私がVoiceOverの使い方をわかっていなかったかもです・・・
おっしゃる通りoption+control+→で中に入ることができました。
ただNetReaderは普段から使用している方が確認項目があると気づかずスルーしておられたので何らかの対策は必要かもしれません。
—
確認画面や完了画面に遷移したあとは [Tab] を押すのが一般的であれば、[Tab] を押したときにフォーム全体にフォーカスが移るようにしたほうが良いのかな？と思ったのですがどうでしょうか？
—
一度これをしていただくことは大変でしょうか？
これで先方にNetReaderでどう動くのか試してもらおうと思うのですが・・・
プログレストラッカーは読み上げられたのですが、どの項目が太字なのかわからないので、プログレストラッカーとしての役割は果たせていないようでした。
これたしかにそうですね。ちょっとまだどうやれば良いかはわかっていないのですが、aria-label とかで「プログレストラッカー」と入れて、選択中の項目のところ（例えば今確認画面を表示しているなら「確認」のところ）にも「現在このページが表示されています」みたいなテキストを設定しておくと良いのかな？と思いました。これは試してみます。
「確認画面へ」ボタンを押すと、「現在グループ内の Web コンテンツ上にいます」となって、ページの1つ外側（ブラウザ？）にいる状態になりました。そして、「[Control] + [Shift] + [Option] + [↓] で Web コンテンツ内に入れます」という案内がありました。
ここで指示に従って入ると普通に操作できるようになって、[Control] + [Option] + [→] と [Control] + [Option] + [→] で確認画面部分も読み上げられました（移動はかなりめんどい…）
指示に従わずに [Tab] をクリックすると、一気に送信ボタンのところに飛んでしましました。
確認画面や完了画面に遷移したあとは [Tab] を押すのが一般的であれば、[Tab] を押したときにフォーム全体にフォーカスが移るようにしたほうが良いのかな？と思ったのですがどうでしょうか？
軽く試した感じでは、[Tab] でフォーム全体にフォーカスが移るようにはなりそうだったのですが、フォーム（確認画面）内のテキストも連続で読み上げはじめてよくわからない感じになってしまいそうでした…が、そこから [Control] + [Option] + [→] をクリックすると、フォームの中のテキストにフォーカスがちゃんと移動しました。
VoiceOver の普通の操作方法がわからなくて申し訳ないのですが、どちらのページも、[option] + [control] + [→] を連打して「本文」に移動したあと、[option] + [control] + [A] を押すと本文が自動で読み上げられました。
これが普通の操作方法なのかわからないので、どういう操作をしたときに読み上げられなかったかがわかれば教えてほしいです！
【お使いの Snow Monkey のバージョン】
【お使いの Snow Monkey Blocks のバージョン】
【お使いの Snow Monkey Editor のバージョン】
【お使いの PHP のバージョン】
【お使いのブラウザ】Chrome
【当該サイトのURL】https://fureai-bunko.or.jp/application_form/
### 発生している問題
Snow Monkey Forms：10.0.2
VoiceOverを使用していて確認画面に遷移した時、確認内容が読み上げられない。
プログレストラッカーも読み上げられない。
NetReader使用時にはタブ移動していると確認内容が読み上げられず、下矢印を使用すると読み上げられたのですが、こちらも見えない状況では下矢印が必要とわからないのでやはり問題がありそうです。
NetReaderではプログレストラッカーは読み上げられたのですが、どの項目が太字なのかわからないので、プログレストラッカーとしての役割は果たせていないようでした。
(連続で投稿してすみません・・・m(_ _)m)
### 試したこと
【お使いの Snow Monkey のバージョン】
【お使いの Snow Monkey Blocks のバージョン】
【お使いの Snow Monkey Editor のバージョン】
【お使いの PHP のバージョン】
【お使いのブラウザ】Chrome
【当該サイトのURL】https://fureai-bunko.or.jp/application_form/
### 発生している問題
Snow Monkey Editor：10.0.2
VoiceOver使用時に、氏名欄でオートコンプリートを選択すると自動入力された「住所」「電話番号」などの項目名が読まれない。
(どうやら読み上げブラウザによっても挙動が違うようで、対応が難しいのかもしれませんが・・・)
### 試したこと
「スマホ版サイト」というのは、スマホでのみ閲覧できるサイトということでしょうか？ もしそうで、スマホ以外（PC 等）を考慮しないので良いのであれば、「コンテンツ部分のコンテナーの余白を削除」を有効にすれば左右余白は無くなるはずです。
PC では余白が必要だけどモバイルでは無くしたい、ということであれば CSS を書く必要があります。
状況がよくわからないので、可能であればスクショで説明いただけると、もっと具体的にアドバイスできる可能性が高まると思うのでよろしくお願いします。
