[B! javaScript][UI][HTML] AmaiSaetaのブックマーク

AmaiSaeta id:AmaiSaeta

javaScriptとUIとHTMLに関するAmaiSaetaのブックマーク (2)

モーダルダイアログを視覚表現だけで終わらせない - Web Accessibility Advent Calendar 2013 - neotagの雑文
Web Accessibility Advent Calendar 2013 初日です。 http://www.adventar.org/calendars/64 neotagです。初日なのに記事公開が遅れてしまいました。しょっぱなから出鼻をくじいてしまい大変申し訳ありません。（土下座）追記 2013/12/06 この記事の補足になる記事を @milk54 さんが書いてくださいました。リニューアルして情報が得られなくなったというサイトを調べてみた追記ここまで JavaScript による視覚表現が盛んになってから当たり前に使われるようになったモーダルダイアログについてです。このモーダルダイアログ、ちょっとした情報を追加で表示する際に大変便利なのですが、見た目だけ実装すると思わぬ罠があります。普通に組んだ場合 Library など使わずに普通に JavaScript を書いた場合
AmaiSaeta 2013/12/09
"今回は手軽な解決方法の紹介でしたが、関連技術として WAI-ARIA などのしっかりした仕様もあります。"

web

UI

accessibility

HTML

JavaScript

development

programming
リンク
スクリプトが無効の場合のスタイル
たとえばホームページのビジュアル要素など、いったん非表示にしておいてスクリプトでふわっとフェードインさせたい、みたいなことはよくある。そのとき非表示にする操作も JavaScript にやらせると一瞬見えてしまうことがあるので CSS で非表示化したいが、それだとスクリプトが無効の場合に何も表示されなくなってしまう… というような、スクリプトによる操作を前提にしたスタイルのフォールバックをどうするかという問題。ここのところよく使っていたのは、JavaScript で html 要素の class 属性を操作し、それをもとに CSS を書くという手。Modernizr でも使われてるあれ。 (function () { var root = document.documentElement; root.className = root.className.replace(/\bno[-_]
AmaiSaeta 2012/07/02
こういう配慮って欲しいよね。何故か全く考慮しない「プロ」()が多いけど。 | id:think49 insertRule()はあんまり勧められない。 http://agpg.seesaa.net/article/224694583.html

CSS

HTML

JavaScript

design

UI
リンク
1