https://b.hatena.ne.jp/entry/s/zenn.dev/masahiko888/articles/91c9a1e354aacb 前提と問い デジタル庁デザインシステムで公開されていた「スクロールトップボタン」が、現在では非推奨にされています。 なぜ非推奨なのでしょう。調べると、さまざまな問題があることが分かりました。 きっかけ... https://b.hatena.ne.jp/funaki_naoto/20260904#bookmark-4792362283148325698 2026-09-03T16:34:31Z accessibility web https://b.hatena.ne.jp/albinoinc/20260902#bookmark-4792362283148325698 2026-09-02T09:54:12Z https://b.hatena.ne.jp/daizu6110/20260902#bookmark-4792362283148325698 2026-09-02T04:56:22Z ボタン スクロール バナー button デザイン https://b.hatena.ne.jp/KoshianX/20260902#bookmark-4792362283148325698 んー、というかトップへ戻るボタンが欲しくなるほど長いページを作るべきではない気がするな…… 2026-09-01T20:11:48Z https://b.hatena.ne.jp/kinushu/20260901#bookmark-4792362283148325698 2026-09-01T12:03:46Z https://b.hatena.ne.jp/mcddx30/20260901#bookmark-4792362283148325698 2026-09-01T11:38:57Z https://b.hatena.ne.jp/webnoshiori/20260901#bookmark-4792362283148325698 2026-09-01T10:43:42Z https://b.hatena.ne.jp/rogertroutman/20260901#bookmark-4792362283148325698 画面位置が最上部に移動してもフォーカスが元の位置やトップへ戻るボタンに当たったままというサイトはたくさんあります。これではマウスに依らない閲覧をしている人にはほとんど意味をなしません 2026-09-01T08:54:11Z https://b.hatena.ne.jp/mas-higa/20260901#bookmark-4792362283148325698 2026-09-01T06:25:21Z https://b.hatena.ne.jp/cateiru/20260901#bookmark-4792362283148325698 “トップへ戻ると同等の機能が用意されていることが多く” 存在するのとそれを知っていて使えるのはまた別問題な気がする 2026-09-01T03:50:43Z https://b.hatena.ne.jp/UhoNiceGuy/20260901#bookmark-4792362283148325698 Androidでトップにいく機能ないの、なんでかね。Appleに特許取られてる？ 2026-09-01T03:24:14Z web デザイン https://b.hatena.ne.jp/TriQ/20260901#bookmark-4792362283148325698 トップへ戻るボタンは不要派。サイトではなくブラウザ側で対応する機能だと思う 2026-09-01T02:59:42Z https://b.hatena.ne.jp/knj2918/20260901#bookmark-4792362283148325698 2026-09-01T02:48:16Z あとで読む https://b.hatena.ne.jp/moqojiy/20260901#bookmark-4792362283148325698 有用と思う人がいたから発明されたボタンだと思うし、非推奨の理由とどっちが優先されるかは微妙なとこだなぁ 2026-09-01T02:32:10Z https://b.hatena.ne.jp/akishin999/20260901#bookmark-4792362283148325698 2026-09-01T02:26:56Z ui design https://b.hatena.ne.jp/istj/20260901#bookmark-4792362283148325698 2026-09-01T02:23:50Z ui デザイン html https://b.hatena.ne.jp/hiroomi/20260901#bookmark-4792362283148325698 便利そうに見える一方で、固定表示することでアクセシビリティとユーザビリティ上の問題を増やす 2026-09-01T01:43:35Z https://b.hatena.ne.jp/t_stack/20260901#bookmark-4792362283148325698 2026-09-01T01:42:09Z あとで読む https://b.hatena.ne.jp/s12bt/20260901#bookmark-4792362283148325698 根拠となりそうなWCAGリストありがたい 2026-09-01T01:39:11Z https://b.hatena.ne.jp/deep_one/20260901#bookmark-4792362283148325698 コメントを見て。ページのトップに戻りたい時といったら、はてブのボタンを押したいとき。 2026-09-01T01:33:35Z https://b.hatena.ne.jp/yarumato/20260901#bookmark-4792362283148325698 “処理系には、トップへ戻ると同等の機能が用意されていることが多く、必要性が薄い” 2026-09-01T01:28:33Z https://b.hatena.ne.jp/tasukuchan/20260901#bookmark-4792362283148325698 2026-09-01T01:27:13Z https://b.hatena.ne.jp/ardarim/20260901#bookmark-4792362283148325698 縦長ページだと上にスクロールで戻るのめんどくて便利だけどね。ページによってトップじゃなく1ページ分戻るみたいな変なサイトもたまにあるのでUX統一してほしさはある 2026-09-01T01:22:29Z あとでよむ Web https://b.hatena.ne.jp/balaem/20260901#bookmark-4792362283148325698 2026-09-01T01:22:24Z https://b.hatena.ne.jp/unknownlabel/20260901#bookmark-4792362283148325698 2026-09-01T01:20:22Z https://b.hatena.ne.jp/ryuokzk/20260901#bookmark-4792362283148325698 2026-09-01T01:20:14Z https://b.hatena.ne.jp/gin563/20260901#bookmark-4792362283148325698 2026-09-01T01:02:24Z あとで読む https://b.hatena.ne.jp/sigwyg/20260901#bookmark-4792362283148325698 UIというより実装の問題か。もともとCSS Nakedとか流行ったWeb 2.0時代に、スクリーンリーダー用のアンカーリンクとして設置してた奴が、視覚ブラウザにも活用しようって市民権を得ただけだからね。 2026-09-01T00:50:58Z https://b.hatena.ne.jp/lotusland/20260901#bookmark-4792362283148325698 アビスのサイトにあったかな 2026-09-01T00:49:10Z https://b.hatena.ne.jp/joltkun/20260901#bookmark-4792362283148325698 2026-09-01T00:43:05Z https://b.hatena.ne.jp/tchr567/20260901#bookmark-4792362283148325698 2026-09-01T00:28:32Z https://b.hatena.ne.jp/akiu-ksg/20260901#bookmark-4792362283148325698 2026-09-01T00:24:55Z https://b.hatena.ne.jp/nabeatsu1/20260901#bookmark-4792362283148325698 2026-09-01T00:22:25Z https://b.hatena.ne.jp/take-it/20260901#bookmark-4792362283148325698 特にスマホだと、画面狭いのに常に場所取ってて邪魔くさいとは言える。んで、追従ヘッダーがあればよくて、そんなに使うかと言われると使わない。 2026-09-01T00:19:30Z https://b.hatena.ne.jp/kisiritooru/20260901#bookmark-4792362283148325698 2026-09-01T00:19:06Z デザイン webサービス https://b.hatena.ne.jp/star_123/20260901#bookmark-4792362283148325698 メリットもデメリットも小さくて最近の広告のウザさの前では全てが霞むなと言う感想 2026-09-01T00:17:19Z https://b.hatena.ne.jp/circled/20260901#bookmark-4792362283148325698 iPhoneやiPadみたいに、ブラウザの画面トップの真ん中をタップすると一番上に戻る機能があることを鑑みるに、あった方が嬉しいからAppleはそういう動作にしてるんだろ？とは思う。デジタル庁よりAppleの方がデザイン性は上 2026-09-01T00:16:24Z https://b.hatena.ne.jp/jade-sample/20260901#bookmark-4792362283148325698 “デジタル庁デザインシステム” 2026-09-01T00:14:53Z a11y アクセシビリティ wcag UI UI・UX https://b.hatena.ne.jp/namachikuwa/20260901#bookmark-4792362283148325698 2026-09-01T00:12:33Z あとで読む https://b.hatena.ne.jp/ninedragon/20260901#bookmark-4792362283148325698 2026-09-01T00:08:47Z あとで読む https://b.hatena.ne.jp/hokkey/20260901#bookmark-4792362283148325698 上に戻るより一番下に行くボタンの方が欲しくないか 2026-08-31T23:55:05Z https://b.hatena.ne.jp/Tormits/20260901#bookmark-4792362283148325698 デジタル庁のサイト見てる人で、「ページ読んだからトップに戻って別のページ見よ〜」っていう人が特殊だからじゃないだろうか 2026-08-31T23:48:39Z https://b.hatena.ne.jp/akapeso/20260901#bookmark-4792362283148325698 スマホの上部を触るとトップに戻るので、戻るボタンあってもいいような気はするけど 2026-08-31T23:39:44Z https://b.hatena.ne.jp/monoshizuka/20260901#bookmark-4792362283148325698 2026-08-31T23:31:23Z webデザイン https://b.hatena.ne.jp/swdc/20260901#bookmark-4792362283148325698 2026-08-31T23:27:32Z あとで読む https://b.hatena.ne.jp/dounokouno/20260901#bookmark-4792362283148325698 2026-08-31T23:22:54Z あとで読む https://b.hatena.ne.jp/FlowerLounge/20260901#bookmark-4792362283148325698 あってよかったと思うことがないボタン 2026-08-31T23:00:35Z https://b.hatena.ne.jp/tsei/20260901#bookmark-4792362283148325698 2026-08-31T22:58:05Z あとで読む https://b.hatena.ne.jp/kazyee/20260901#bookmark-4792362283148325698 縦に長いページの一番上へ戻る話か。寧ろ細かく分割しすぎてアクセス数稼ごうとするのを何とかして欲しいと思うことのほうが多い。 2026-08-31T22:58:00Z webサービス デザイン https://b.hatena.ne.jp/tsutomu_yasui/20260901#bookmark-4792362283148325698 2026-08-31T22:50:46Z あとで読む https://b.hatena.ne.jp/fuyu77/20260901#bookmark-4792362283148325698 2026-08-31T22:42:05Z https://b.hatena.ne.jp/s15i/20260901#bookmark-4792362283148325698 2026-08-31T22:39:39Z https://b.hatena.ne.jp/peketamin/20260901#bookmark-4792362283148325698 2026-08-31T22:36:57Z https://b.hatena.ne.jp/kompiro/20260901#bookmark-4792362283148325698 そういえば広告のアクセシビリティってめちゃくちゃ良くないと感じてるけどどんなもんやろ 2026-08-31T22:30:33Z https://b.hatena.ne.jp/kuroaka1871/20260901#bookmark-4792362283148325698 2026-08-31T22:19:50Z https://b.hatena.ne.jp/kitchenkabu/20260901#bookmark-4792362283148325698 2026-08-31T22:07:37Z https://b.hatena.ne.jp/yk5656/20260901#bookmark-4792362283148325698 2026-08-31T22:05:18Z ui https://b.hatena.ne.jp/fm315/20260901#bookmark-4792362283148325698 2026-08-31T21:50:28Z https://b.hatena.ne.jp/Tomosugi/20260901#bookmark-4792362283148325698 2026-08-31T21:47:44Z https://b.hatena.ne.jp/yasuhiro1212/20260901#bookmark-4792362283148325698 2026-08-31T21:45:34Z あとで読む https://b.hatena.ne.jp/tech0403/20260901#bookmark-4792362283148325698 2026-08-31T21:36:06Z https://b.hatena.ne.jp/ultimatebreak/20260901#bookmark-4792362283148325698 参議院の新しいサイトにあったような 2026-08-31T21:34:27Z https://b.hatena.ne.jp/aravow/20260901#bookmark-4792362283148325698 2026-08-31T21:16:44Z あとで読む https://b.hatena.ne.jp/harumomo2006/20260901#bookmark-4792362283148325698 chrome拡張機能でトップへ一瞬で戻るボタンを実装してるので廃止されてもかまわないけどついでに細いスクロールバーも禁止してほしい。これも通常サイズに強制的に戻すように実装してる 2026-08-31T20:51:43Z https://b.hatena.ne.jp/bbbroccoli/20260901#bookmark-4792362283148325698 2026-08-31T20:22:45Z https://b.hatena.ne.jp/tCy_ab/20260901#bookmark-4792362283148325698 2026-08-31T20:21:17Z https://b.hatena.ne.jp/dev_tamura/20260901#bookmark-4792362283148325698 2026-08-31T20:21:05Z https://b.hatena.ne.jp/nk-1/20260901#bookmark-4792362283148325698 2026-08-31T19:58:15Z あとで読む https://b.hatena.ne.jp/cubick/20260901#bookmark-4792362283148325698 ちなみに、Operaはタブをクリックすると同じ挙動をするようになってる 2026-08-31T18:58:27Z https://b.hatena.ne.jp/sigege/20260901#bookmark-4792362283148325698 2026-08-31T18:21:37Z https://b.hatena.ne.jp/Falky/20260901#bookmark-4792362283148325698 いろいろ思うところがあって書いたブコメをさらに何度か書き直したけど結論100字に収めるの不可能だったので削除 2026-08-31T17:50:52Z !! https://b.hatena.ne.jp/psne/20260901#bookmark-4792362283148325698 と、書いてあるこのエントリーにも実装されているやつ。(折りたたまれてはいる) 2026-08-31T17:07:19Z https://b.hatena.ne.jp/degucho/20260901#bookmark-4792362283148325698 2026-08-31T17:00:13Z https://b.hatena.ne.jp/sippo_des/20260901#bookmark-4792362283148325698 めまい、、、吐き気、、、そんな長いページ作らなければええんちゃう、、オェェェ〜 2026-08-31T16:55:55Z https://b.hatena.ne.jp/yoiIT/20260901#bookmark-4792362283148325698 WCAG 2.2において「トップページへ戻るボタン」が非推奨とされている訳ではない。むしろ、補助機能として有用とされている。ただし、ここに書いているような実装方法によってはWCAGに違反しやすい注意点がいくつか存在。 2026-08-31T16:43:13Z https://b.hatena.ne.jp/silossowski/20260901#bookmark-4792362283148325698 2026-08-31T16:37:43Z https://b.hatena.ne.jp/o_urbrs/20260901#bookmark-4792362283148325698 2026-08-31T16:21:32Z あとで読む https://b.hatena.ne.jp/mtgg/20260901#bookmark-4792362283148325698 2026-08-31T16:07:30Z あとで読む https://b.hatena.ne.jp/cham510/20260901#bookmark-4792362283148325698 2026-08-31T15:58:22Z あとで読む https://b.hatena.ne.jp/shino_azm/20260901#bookmark-4792362283148325698 2026-08-31T15:53:57Z あとで読む https://b.hatena.ne.jp/batta/20260901#bookmark-4792362283148325698 2026-08-31T15:47:42Z webdesign ui accessibility https://b.hatena.ne.jp/extended_world/20260901#bookmark-4792362283148325698 2026-08-31T15:46:17Z https://b.hatena.ne.jp/ejointjp/20260901#bookmark-4792362283148325698 2026-08-31T15:45:48Z https://b.hatena.ne.jp/ssssschang/20260901#bookmark-4792362283148325698 この理由ならあると便利な縦に長いサイトにはつけてて欲しい 2026-08-31T15:43:12Z https://b.hatena.ne.jp/kazuya030/20260901#bookmark-4792362283148325698 2026-08-31T15:29:04Z https://b.hatena.ne.jp/behuckleberry02/20260901#bookmark-4792362283148325698 触ると変な挙動しがちだから極力触らないようにしている。 2026-08-31T15:28:20Z https://b.hatena.ne.jp/makou/20260901#bookmark-4792362283148325698 トップへ戻るボタンかと思ったら変なサイトに飛ばされたみたいな事例が発生したら考えるかもしれない。 2026-08-31T15:20:50Z ui webdesign https://b.hatena.ne.jp/shikiarai/20260901#bookmark-4792362283148325698 あんなん実装してる本人も押したことないやろ 2026-08-31T15:20:29Z https://b.hatena.ne.jp/HadukiMikoto/20260901#bookmark-4792362283148325698 2026-08-31T15:12:07Z あとで読む https://b.hatena.ne.jp/NSTanechan/20260901#bookmark-4792362283148325698 2026-08-31T15:09:56Z https://b.hatena.ne.jp/fuzitahoushirou/20260901#bookmark-4792362283148325698 2026-08-31T15:01:45Z UI デザイン webサービス あとで読む 202608 トップへ戻るボタン 非推奨 https://b.hatena.ne.jp/yggdra_w/20260831#bookmark-4792362283148325698 2026-08-31T14:56:43Z あとで読む https://b.hatena.ne.jp/grfxdsgn/20260831#bookmark-4792362283148325698 2026-08-31T14:55:25Z https://b.hatena.ne.jp/megumin1/20260831#bookmark-4792362283148325698 なにをいっているのかさっぱりわからない。この理由だと、単に「固定位置に表示されるボタンはすべて非推奨」ということになりますよね。「ページのトップに戻る」という機能と、関係ない理由ばかりで意味不明。 2026-08-31T14:42:48Z https://b.hatena.ne.jp/txmx5/20260831#bookmark-4792362283148325698 2026-08-31T14:41:22Z あとで読む https://b.hatena.ne.jp/asrog/20260831#bookmark-4792362283148325698 “ボタンを選択してトップに戻るときに動きをつけたときにめまい、吐き気、頭痛がある”上昇負荷 2026-08-31T14:07:44Z * |ω・） https://b.hatena.ne.jp/laislanopira/20260831#bookmark-4792362283148325698 2026-08-31T14:04:16Z webサービス デザイン https://b.hatena.ne.jp/tororo_z/20260831#bookmark-4792362283148325698 2026-08-31T13:57:01Z https://b.hatena.ne.jp/imaizm/20260831#bookmark-4792362283148325698 2026-08-31T13:52:17Z 202608 UI・UX https://b.hatena.ne.jp/hTn/20260831#bookmark-4792362283148325698 2026-08-31T13:50:12Z