[キタジマ タカシ]

フィルターフック名に間違いがあるのに気づきました！

snow_monkey_post_related_query_args

↓

snow_monkey_related_posts_args

ただ、Snow Monkey の関連記事はこのフィルターフックを通ったあとに強制的に suppress_filters を true にしてしまうので、効かないかもしれません…。とりあえずフィルターフック名を正しいものに変えて試してみてください。

♥ 0

Who liked: No user

[キタジマ タカシ]

v28.0.8 でリンク追加しました！

♥ 1

Who liked:

[キタジマ タカシ]

Snow Monkey は main などのランドマークとして使用されるタグを使用しているので、VoiceOver だとローターと呼ばれる機能を使うことで、任意のランドマークの位置に移動できるようです。

MacのVoiceOverでランドマークを使用してWebページ内を移動する

MacのVoiceOverで、VoiceOverローターにWebページのランドマークを含めて、Webページ内の移動に使用します。

support.apple.com

[Control] + [Option] + [U] で VoiceOver ローターを起動して、[→] でリンク / 見出し / ランドマークを切り替えてメインコンテンツに移動できました。

【質問】スキップリンクは絶対に必要なの？｜基礎知識｜エー イレブン ワイ［WebA11y.jp］

「Webアクセシビリティ FAQ」の「【質問】スクリーンリーダーを利用しているユーザーのために、スキップリンクは絶対に必要なの？」。結論から言うと、今後はもう実装する…

weba11y.jp

リンクを追加すること自体は後方互換性的にも影響なさそうなので、_s と同じ感じで追加しようかなと考え中です。

_s/header.php at master · Automattic/_s

Hi. I'm a starter theme called _s, or underscores, if you like. I'm a theme meant for hacking so don't use me as a Parent Theme. Instea…

github.com

♥ 1

Who liked:

[キタジマ タカシ]

上記のページによると、'suppress_filters' => false の追加も必要とありました。追加してみるとどうなりますか？

♥ 0

Who liked: No user

[キタジマ タカシ]

サイドバー部分に隠し見出し的なものか aria-label="サイドバー" を追加すれば、「サイドバー」と読んでくれると思います。ここ、普通に「サイドバー」で一般の方にも意味が伝わりますかね？

♥ 0

Who liked: No user

[キタジマ タカシ]

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] + [→] を押してもらわないとですが…。

♥ 0

Who liked: No user

[キタジマ タカシ]

プログレストラッカーは読み上げられたのですが、どの項目が太字なのかわからないので、プログレストラッカーとしての役割は果たせていないようでした。

これたしかにそうですね。ちょっとまだどうやれば良いかはわかっていないのですが、aria-label とかで「プログレストラッカー」と入れて、選択中の項目のところ（例えば今確認画面を表示しているなら「確認」のところ）にも「現在このページが表示されています」みたいなテキストを設定しておくと良いのかな？と思いました。これは試してみます。

♥ 0

Who liked: No user

[キタジマ タカシ]

「確認画面へ」ボタンを押すと、「現在グループ内の Web コンテンツ上にいます」となって、ページの1つ外側（ブラウザ？）にいる状態になりました。そして、「[Control] + [Shift] + [Option] + [↓] で Web コンテンツ内に入れます」という案内がありました。

ここで指示に従って入ると普通に操作できるようになって、[Control] + [Option] + [→] と [Control] + [Option] + [→] で確認画面部分も読み上げられました（移動はかなりめんどい…）

指示に従わずに [Tab] をクリックすると、一気に送信ボタンのところに飛んでしましました。

確認画面や完了画面に遷移したあとは [Tab] を押すのが一般的であれば、[Tab] を押したときにフォーム全体にフォーカスが移るようにしたほうが良いのかな？と思ったのですがどうでしょうか？

軽く試した感じでは、[Tab] でフォーム全体にフォーカスが移るようにはなりそうだったのですが、フォーム（確認画面）内のテキストも連続で読み上げはじめてよくわからない感じになってしまいそうでした…が、そこから [Control] + [Option] + [→] をクリックすると、フォームの中のテキストにフォーカスがちゃんと移動しました。

♥ 0

Who liked: No user

[キタジマ タカシ]

VoiceOver の普通の操作方法がわからなくて申し訳ないのですが、どちらのページも、[option] + [control] + [→] を連打して「本文」に移動したあと、[option] + [control] + [A] を押すと本文が自動で読み上げられました。

これが普通の操作方法なのかわからないので、どういう操作をしたときに読み上げられなかったかがわかれば教えてほしいです！

♥ 0

Who liked: No user

[キタジマ タカシ]

「スマホ版サイト」というのは、スマホでのみ閲覧できるサイトということでしょうか？ もしそうで、スマホ以外（PC 等）を考慮しないので良いのであれば、「コンテンツ部分のコンテナーの余白を削除」を有効にすれば左右余白は無くなるはずです。

PC では余白が必要だけどモバイルでは無くしたい、ということであれば CSS を書く必要があります。

状況がよくわからないので、可能であればスクショで説明いただけると、もっと具体的にアドバイスできる可能性が高まると思うのでよろしくお願いします。

♥ 0

Who liked: No user

[キタジマ タカシ]

CSS で消すのが一番簡単です。カスタム投稿タイプのスラッグが news だとすると、news の詳細ページには .single-news というクラスがつくので、下記の CSS で消せます。

.single-news .wp-profile-box {
  display: none;
}

HTML の出力自体をなくしたいなら、フックを使う必要があります。

add_filter(
	'snow_monkey_get_template_part_args_template-parts/content/entry/entry',
	function( $args ) {
		// 投稿タイプが news 以外のときは無視
		if ( 'news' !== get_post_type() ) {
			return $args;
		}

		// news のときはプロフィールボックスを表示させない
		$args['vars']['_display_profile_box'] = false;

		return $args;
	}
);

♥ 1

Who liked:

[キタジマ タカシ]

このエラーだと、カスタマイザーのページに不正な HTML 出力がある可能性が高いのかなと思います。例えば My Snow Monkey に追加したコードや、追加したプラグインが PHP エラーを出していて、そのエラーメッセージTML）がカスタマイザーのページに出力されることで発生するなど。

もし PHP エラーの場合はサーバーのエラーログで詳しい場所やメッセージが確認できるので、そちらも確認してみるのが良いかなと思います。

♥ 0

Who liked: No user

[キタジマ タカシ]

そのエラーが発生したタイミングで、ブラウザのコンソールにエラーメッセージが表示、あるいは、サーバーのエラーログにエラーメッセージが記録されているのではないかと思います。

一度それらを確認して、エラーメッセージがあるようであれば共有をお願いします！

♥ 0

Who liked: No user

[キタジマ タカシ]

Snow Monkey Blocks v23.1.2 をリリースしました。アップデートして、改善しているかご確認お願いします！

♥ 2

Who liked:

[キタジマ タカシ]

ありがとうございます！こちらでも再現できまして、同じエラーでした。すぐ修正版を出そうと思うので、リリースしたらまた書き込みます。

♥ 2

Who liked:

[投稿者]

投稿