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