テキストの読みやすいカラーを決めるにはこれが大切！Webデザインにおける良いコントラストのつくり方
読みやすい本文テキストのカラー、分かりやすいリンクのカラー、目立たせたいボタンのカラーなど、Webデザインのカラーを決める時にもう一歩進めた良いコントラストのつくり方を紹介します。 Webデザインでカラーパレットを作成する時、カラーの組み合わせをコントラストのためにテストしていますか？ テストをしてないのであれば、あなたのデザインはリーダビリティを考慮せず、潜在的なビジターを失っているかもしれません。 私はこれまでに数多くのプロジェクトでカラーコントラストとリーダビリティについて取り組んできました。いくつかの有用なカラーコントラストのアクセシビリティツールのおかげで、私は仕事をすることができ、それを多くの人たちと共有したい思います。 私はアクセシビリティの専門家ではありません。私の目指すところはシンプルで、最適な読みやすさを念頭においてカラーを選ぶことです。完全な説明が必要であれば、W3C
無料で使えるWebサイトの評価ツール「Nibbler（ニブラー）」が便利そうだ！｜男子ハック
Webサービス無料で使えるWebサイトの評価ツール「Nibbler（ニブラー）」が便利そうだ！2015年6月25日207 @JUNP_Nです。Webサイトのコードやアクセシビリティなどを客観的に評価することができる無料ツール「Nibbler（ニブラー）」を試してみました。これはなかなか良い感じのツールですよ。 Webサイトのコード、アクセシビリティ、ソーシャルマーケティング状況などを無料で評価してくれるツール「Nibbler（ニブラー）」 URLを入力するだけで、サイトのコードチェックや、アクセシビリティ、ソーシャルマーケティングの状況など、様々のことを評価してくれるツール「Nibbler（ニブラー）」を試してみました。 評価レポートしてくれる分野がかなり広いですし、レポートの内容も適切だと思うので、サイト改善を行うときの参考に試してみるには良いツールになりそうです。 「Nibbler（ニ
HTMLにおけるimg要素のalt属性
HTML Standardの4.8.1.1 Requirements for providing text to act as an alternative for imagesをざっと把握できるように日本語で箇条書きにしただけのものです。最終的には原文をしっかりと読むべきでしょう。 基本 必ず定義されるべきである その値は空であってはならない その画像に代わりになる最適な文字列である ページ上の全ての画像をそのalt属性の値で置き換えてもページの意味合いが変わってはならない 画像のキャプションや題名、銘とみなされるような補助的な説明を意味するものであってはならない 前後で解説されている情報の繰り返しであってはならない 画像以外に何も含まれていないリンクやボタンで使われる場合 リンクやボタンの目的を明確に伝える文字列を指定する わかりやすく説明するために文章ではなく画像のチャートやグラフを
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
