タグ

2016年7月31日のブックマーク (2件)

  • Webアクセシビリティについて勉強してみて知ったことや感じたこと | mkasumi.com

    ガイドライン兼国際標準規格であるWCAG2.0をもとに日工業規格としたのが「JIS X 8341-3:2016」です。2004年、2010年にも改正されていて、2016年4月18日現在、最新版は「JIS X 8341-3:2016」となります。過去のJISを知っている方は最新版との差を知りたいと思いますが、2010年版と違い、2016年版は「等級A」と言われていた適合レベルが「レベルA」となったり、すこし文言が変更されています。2010年と引き続き、WCAG2.0をもとにしているので、項目はWCAGと同じく61項目のままとなっています。 JIS X 8341-3:2016が元に作られている国際標準規格です。JISは日の規格ですが、こちらは海外にも適用されます。チェックツールなど、海外で配布されているものはWCAGが基準となっています。 基的に、JIS X 8341-3:2016 はW

    Webアクセシビリティについて勉強してみて知ったことや感じたこと | mkasumi.com
  • jQueryとCSSのtransitionで可視範囲に入ってからアニメーションさせる方法

    可視範囲になってから表示されたり動いたり、スクロールに応じてアニメーションさせる方法を紹介します。動きをつけて目を引くことで、効果的に伝えることができるかもしれません。 以前、「jQueryを使って、スクロールしてコンテンツが現れたときにアニメーションさせてみる|Webpark」という記事で同じようなものを紹介したのですが、デモが気に入っていない、アニメーションが1度きりということで作り変えました。 まずはサンプルをご覧ください。スクロールするとアイコンとテキストが順番にフェードインします。 このサンプルで使われている、画面いっぱいに表示する方法と、上にスクロールしたときに現れるメニューは以前紹介しています。気になる方はどうぞ。 画面サイズに合わせて高さを指定する3つの方法|Webpark jQueryで作る、下にスクロールで消えて、上にスクロールで現れる固定メニュー|Webpark とい

    jQueryとCSSのtransitionで可視範囲に入ってからアニメーションさせる方法