フォーラムへの返信
-
投稿者投稿
-
情報は登録されているけど自動入力しない設定になってました…。
試してみたところ、[↑][↓]で自動入力項目を選択して、[Enter]で自動入力されました。そして下の例だと名前が読み上げられました。
で、[Tab] で移動すると、住所と電話番号も同じ形で読まれました。ただ、間違ってページの適当なところをクリックしてしまい、しまったと思いすぐに [Tab] でフォーカスすると、入力項目にフォーカスがあたっているのに、ぜんぜん違う読み上げ(どこのページにいる的な)をしていました。
僕は使いこなせていないのでよくわからないのですが、操作方法によって読んだり読まなかったりというのがあるのかもしれません…。
♥ 0Who liked: No user僕の Chrome には僕の住所情報を登録しているのですが、フォームを開いても電話番号などが自動入力されません(TT)
この辺疎くて全然わからなくて申し訳ないのですが、どうやったら自動入力されるのでしょうか…♥ 0Who liked: No user試してみました。
aria-label="サイドバー"
と入れて、[Control] + [Option] + [→] と移動していくと、サイドバーのエリアにきたときに「サイドバー、補足」と読まれました。まーちゅうさんがシェアしてくれた記事の中にあるように、既に<aside class="..." role="complementary">
という形でマークアップしているので重複して読まれるみたいです。aria-label="サイドバー"
が無くても「補足」と読み上げられるので、特に無くても良いのかな?と思ったのですがどうでしょうか?—
ちなみに、タブ移動だとリンクを対象に移動して、
<aside>
は飛ばされるので、aria-label="サイドバー"
を入れたとしても読み上げられませんでした。♥ 0Who liked: No user入力しなかったら表示されなくならないですかね?
♥ 0Who liked: No user↑のコードは全部消して、下記のコードを貼り付けるとどうでしょうか?
add_filter( 'snow_monkey_get_template_part_args_template-parts/content/related-posts', function( $args ) { $args['vars']['_posts_query']->set( 'suppress_filters', false ); $args['vars']['_posts_query']->set( 'lang', get_locale() ); $args['vars']['_posts_query']->query( $args['vars']['_posts_query']->query_vars ); return $args; } );
フィルターフック名に間違いがあるのに気づきました!
snow_monkey_post_related_query_args
↓
snow_monkey_related_posts_args
ただ、Snow Monkey の関連記事はこのフィルターフックを通ったあとに強制的に
suppress_filters
をtrue
にしてしまうので、効かないかもしれません…。とりあえずフィルターフック名を正しいものに変えて試してみてください。♥ 0Who liked: No userSnow Monkey は
main
などのランドマークとして使用されるタグを使用しているので、VoiceOver だとローターと呼ばれる機能を使うことで、任意のランドマークの位置に移動できるようです。[Control] + [Option] + [U] で VoiceOver ローターを起動して、[→] でリンク / 見出し / ランドマークを切り替えてメインコンテンツに移動できました。
リンクを追加すること自体は後方互換性的にも影響なさそうなので、
_s
と同じ感じで追加しようかなと考え中です。上記のページによると、
'suppress_filters' => false
の追加も必要とありました。追加してみるとどうなりますか?♥ 0Who liked: No userサイドバー部分に隠し見出し的なものか
aria-label="サイドバー"
を追加すれば、「サイドバー」と読んでくれると思います。ここ、普通に「サイドバー」で一般の方にも意味が伝わりますかね?♥ 0Who liked: No userplugins/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] + [→] を押してもらわないとですが…。
♥ 0Who liked: No userプログレストラッカーは読み上げられたのですが、どの項目が太字なのかわからないので、プログレストラッカーとしての役割は果たせていないようでした。
これたしかにそうですね。ちょっとまだどうやれば良いかはわかっていないのですが、
aria-label
とかで「プログレストラッカー」と入れて、選択中の項目のところ(例えば今確認画面を表示しているなら「確認」のところ)にも「現在このページが表示されています」みたいなテキストを設定しておくと良いのかな?と思いました。これは試してみます。♥ 0Who liked: No user -
投稿者投稿