青いやつの進捗日記。

メモとしてべんきょうのしんちょくをかいていきます。あとで自分が検索しやすいもん

アクセシビリティ

Visibility:hidden; と display:none; の、アクセシビリティ的な違い

よく要素をopacityで消したりすると思うのですが、opacityで消すと要素は残るのでタブで移動とかするとカーソルがあたってしまうのです。なので、アクセシビリティ気にする必要あるのであればopacityでは厳しい。 なので、その場合はカーソル当たらない状態…

アクセシビリティのチェック。FirefoxのHTML Validatorの使い方

wwws.kobe-c.ac.jp が参考になります。 大前提として、仕事でやっているならアクセシビリティのチェックをする際にオフラインでチェックできるものでなければいけません。W3Cのやつとかはデータ送信しちゃうはず。

アクセシビリティのチェック。Chromeのフォントサイズを200%に。

Chromeの設定>デザイン>フォントをカスタマイズ から、フォントの詳細設定(拡張機能のオプション) chrome.google.com この拡張機能を入れ、拡張機能で文字サイズを16pxから32pxにすると、200%にしたときの検証ができます。 W3Cアクセシビリティの担保と…

アクセシビリティのチェック。MacにWebページを読ませる。

support.apple.com 公式サイトが参考になります。 アクセシビリティのチェックとして、音声でWebサイトを正しく読めるかがあります。 もちろんHTMLで入れた文字は問題なく読めますが、画像のAltなどは目でWebサイトを見ている限りは 認知されない情報ですよ…