WordPressテーマSANGOの質問

問題について

アバター
りん

お世話になっております。

・「SANGOで利用されている最低限のフォントを読み込む」で「目次へボタン」のfa fa-listが読み込まれていない
・a.totop(上に戻るボタン)およびbutton.searchform__submit(検索)、a.next.page-numbers(ページネーション)にaria-labelがないためアクセシビリティ警告が表示されます
・フルサイズ背景ブロックにおいて右端がページからはみ出している(公式ページでも同等の症状が見られます)
・フルサイズ背景ブロック上部/下部境界線においてコンソールに Error: attribute height: Expected length, “auto”. が表示される
・SANGOボタンブロックにおいてfontawesomeのアイコンを追加した後文字を編集しようとするとアイコンが増殖していく
・SANGOオリジナルブロックにある追加CSS機能と同様の機能をページごとに拡張領域へ追加してほしい

すべて素の環境で検証しました。
お忙しい中本当に申し訳ありませんがご対応いただけましたら嬉しいです

SANGO
SANGO 質問ガイドライン
コメントへの回答
サルワカくん
サルワカくん
2022/02/10

お世話になっております。
早速SANGO 2.15.6をリリースし下記の修正を行いました。

– fa-sango.cssに目次用のアイコンを追加
– 検索ボタンやページャー、トップに戻るボタンのアクセシビリティ対応

https://saruwakakun.com/sango/update-info

よろしくお願いします。

サルワカくん
サルワカくん
2022/02/10

お世話になっております。
ご指摘ありがとうございます。
どれもおっしゃる通りです。
早めに対応いたします。

> フルサイズ背景ブロックにおいて右端がページからはみ出している(公式ページでも同等の症状が見られます)
すみません、こちらだけ再現できなかったのですが、これは編集画面の話でしょうか?それとも表示されているページの話でしょうか?
また公式サイトで再現しているページのURLを教えていただけますでしょうか?
私の環境(Chrome, Safari, Firefox)ですとこちらでは再現しないようです。
https://saruwakakun.design/

よろしくお願いします。

アバター
りん
2022/02/10

どうやらwidth: 100vw;の指定により垂直スクロールバーの幅まで含まれているようです。
全幅ブロックを使うと画像のように水平スクロールバーが表示されるようになります。
赤い部分がはみ出している部分です
https://gyazo.com/def25a129f391b0202038ee3a96b5c59
また下部境界線Wave2はheight=”auto”になっています

サルワカくん
サルワカくん
2022/02/11

全幅ブロックを使うとスクロールバーが表示されてしまう問題ですが早速修正し、SANGO Gutenberg 1.49.13をリリースしました。
https://saruwakakun.design/
こちらをご覧いただくと水平バーが表示されていないはずです。
たくさんのご指摘をありがとうございます。おかげさまでより一段とSANGOがブラッシュアップされました。

サルワカくん
サルワカくん
2022/02/10

なるほど、設定でスクロールバーを表示している時に再現するということですね。
非常にわかりやすい画像をありがとうございます。
とても参考になりました!
修正します!

アバター
りん
2022/02/11

さっそくのご対応ありがとうございました!
これでトップページカスタマイズが捗りそうです!

サルワカくん
サルワカくん
2022/02/11

それは楽しみです!
境界線についてはもう少しブラッシュアップしますね!

アバター
りんたん
2022/02/23

お世話になっております。
シェアボタンshare-buttons.phpにおいて、リンクに識別可能な名前が指定されていませんの問題が発生する場合があるのでアクセシビリティ対応していただけないでしょうか?
またtotopについてaria-labelとaria-hidden両方指定していると警告が出てしまうかもしれないです。
よろしくおねがいします。

サルワカくん
サルワカくん
2022/02/24

いつも鋭いご指摘ありがとうございます。対応いたしますのでリリースをお待ちください。
よろしくお願いします。