JavaScript DOMの変化を監視してくれるMutation Observer
Java ScriptのObserver（監視者）にはいくつか種類がありますが、Mutation ObserverはDOMの変更を監視してくれます。 単純にDO...
wai-aria
JavaScript 
JavaScript トグルボタンを使ったメニューの開閉をaria-hiddenで統一したら楽になった
トグルボタンやタブパネルなど、表示のオンオフを切り替える方法はいくつもありますが、WAI-ARIAのaria-controls属性を利用してaria-hidden属性を切り替える形で統一したらCSSスタイリングが非常に楽になったので、備忘録として残しておきます。アクセシビリティにも対応できるのでおすすめです。
css ARIA属性をCSSスタイリングに利用する
昨年あたりからARIA属性を利用してCSSをスタイリングするようになったので、その有用性を書き残しておきます。 WAI-ARIAとアクセシビリティ まず簡単にW...
HTML 【備忘録】パンくずリストはolでつくる
最近コーディングするにあたり、WAI-ARIAを極力使うように個人的に気をつけています。先日更新したでも、アクセシビリティを意識しながら作りました。 WAI-A...
HTML SVGアイコンのアクセシビリティ
最近以前作ったサイトの見直しをしていて、svgアイコンのアクセシビリティはこれで大丈夫なのか？と気になりました。 アクセシビリティとは何？という方に簡単に説明す...