最近ハンバーガーメニューを実装する時などにaria-*属性を使用することがあり、下記のように記述していた。 <div class="hamburger"> <button type="button" aria-expanded="false" aria-controls="js_menu">ボタン</button> <div id="js_menu" aria-hidden="true"> </div> </div> 気を付ける部分として、 aria-expanded属性は開閉を制御する要素（つまりbutton）につける aria-contorls属性で…

divなどの通常フォーカスできない要素にJavaScriptでフォーカスを持たせる場合、tabindex="-1"を指定することがある。 ふと気になってtabindexのデフォルト値が何なのか調べてみた。 console.log(document.createElement('div').tabIndex); // -1 console.lo…

HTML5.2よりdl要素内でdiv要素が使用できるようになったのですが、誤解していた部分があったのでメモ。 単純に「dl要素の子孫要素としてdivが使える」と覚えておりdiv要素をdd要素のラッパーとして使おうとしていたのですが、HTML Living Standardに反する使…