Discordコミュニティを作りました! 参加する

フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
スマホ用ヘッダー内ハンバーガーメニュー...
 
通知
すべてクリア

スマホ用ヘッダー内ハンバーガーメニューと検索ボタンのアクセシビリティ対応について

2 投稿
2 ユーザー
2 Likes
408 表示
kenji_clown5
(@kenji_clown5)
投稿: 1
メンバー
Topic starter
 

お世話になります。

表題の件について提案させていだだきます。

現在、スマホ用ヘッダー内のハンバーガーメニューと検索ボタンのHTML構造は、両者ともdivタグとrole="button"にて実装されています。

しかし、これらはアクセシビリティの観点から言うと、キーボードによるフォーカス移動の対象にならないため、buttonタグによる実装の方が望ましいような気がします。

ご参考までによろしくお願いいたします。

header

 

 
投稿済 : 27/06/2022 9:27 am
skillsharejp and weiser reacted
了
 
(@loos_ryo)
投稿: 1248
メンバー Admin
 

遅くなりすみません、こちら確認してみます!

SWELL開発者です。

 
投稿済 : 02/07/2022 6:13 pm
共有: