タグ: UX
表示速度と環境負荷を一緒に減らすWebデザイン
Webサイトの画像、動画、JavaScript、Webフォントを見直し、利用者の待ち時間、通信量、処理負荷、更新負担…
動きのあるWebサイトでprefers-reduced-motionに対応する
Webサイトのアニメーションや視差効果を、端末の「動きを減らす」設定に合わせる方法を解説します。動きを消す部分と、残…
ARIAを追加しすぎると、かえって分かりにくくなる
ARIA属性は追加すればよいものではありません。標準HTMLを優先し、状態や関係を補うときだけARIAを使う、Web…
AIが作るWebデザインは早いけど7割程度の出来
AIが作ったWebページを、見出し構造、キーボード操作、フォーム、レスポンシブ、権利、表示速度、更新性まで納品前に確…
スマホのボタンは見えていても、押しやすいとは限らない
スマートフォンでは、ボタンやリンクが小さい、隣と近い、スクロール中に動くと誤操作が起きます。WCAG 2.2の基準を…
日本語サイトで一行が長すぎると、文章が読まれにくくなる
PC画面いっぱいに日本語本文を広げると、改行後の行頭を見失いやすくなります。W3Cのアクセシビリティ資料を踏まえ、行…