design– tag –

このブログの色をそのままダーク面に置いて実測したら、リンクも補助テキストも基準を割りました。影・罫線・白背景の画像など、暗さで作っていた表現が使えなくなる問題と対処をまとめます。

同じデータのテーブルと削除確認ダイアログを、Before/Afterで作り比べました。数値の揃え方、列の並び、確認ダイアログに書くべき4つ、フォームの検証タイミングまでまとめます。

ブログで使っている色の組み合わせ12通りをWCAGの式で実測しました。3組が基準を下回りましたが、そのうち直したのは1つだけです。何を基準に判断したかをまとめます。

同じ入力フォームを、要素も文言も変えずに余白・揃え・階層だけ直して比較しました。あわせて自分のブログの余白を実測し、pxとemどちらで考えるかの違いもまとめます。