frontendmemo

このサイトは、「html、css、js、ツールなどについて、自分が覚えたこと、またはいつも忘れて調べることを書き溜め、それが結果といて勉強したての初心者の方や自分と同じような技術レベルの人の助けになることを目的とするWebログ」、略してブログです。挨拶→http://frontendmemo.hatenablog.com/entry/2016/06/25/115845

アクセシビリティ

括弧(かっこ)を強調や装飾目的で使うのをやめよう-アクセシビリティ

アクセシビリティを達成する上で、括弧の扱いは注意しなければいけません。 悪い例1 【お問い合わせ】tel:000-0000-0000 上記のような括弧の使い方は古いサイトによく見られます。これは、見出しとしての装飾目的で括弧を付けているためアクセシビリティ的に…

アクセシビリティを深める①ナビゲーション設計

アクセシビリティについて何回かこのブログでも取り上げました。frontendmemo.hatenablog.com良書「デザイニングWebアクセシビリティ」の項目の問題と解決策を挙げていっただけなので今回からは各トッピクスによりクローズアップしていきたいと思います。 改…

Webを仕事にするなら覚えておくべきアクセシビリティ~デザイニングWebアクセシビリティまとめ⑤~

デザイニングWebアクセシビリティのまとめ⑤です frontendmemo.hatenablog.com今回が最終回 実装 です。デザイニングWebアクセシビリティ - アクセシブルな設計やコンテンツ制作のアプローチ作者: 太田良典,伊原力也出版社/メーカー: ボーンデジタル発売日: 2…

Webを仕事にするなら覚えておくべきアクセシビリティ~デザイニングWebアクセシビリティまとめ②~

デザイニングWebアクセシビリティのまとめ②です frontendmemo.hatenablog.com今回は ナビゲーション設計 システム設計 です。 ナビゲーション設計は、ブログにおいても大変ためになる内容でした。 いかに、ユーザーの目的を達成しやすくナビ構成を考えるかと…

Webを仕事にするなら覚えておくべきアクセシビリティ~デザイニングWebアクセシビリティまとめ①~

デザイニングWebアクセシビリティ読みました。 アクセシビリティ大事ですよね。何となく聞いたことはあるけど、正直とっつきにくい、知らなくても大丈夫でしょ、という人も一度読んでいただきたい本、デザイニングWebアクセシビリティをまとめてみました。デ…