frontendmemo

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

2018-02-12から1日間の記事一覧

トグルのarea-*は何を指定するか。

area-*属性はJSで変更された要素の役割と状態をブラウザに伝える働きをします。 トグルでの使用例 トグルでは主に下記を使用します。 aria-controls・・・ボタンと開閉要素の関連付け aria-expanded・・・開閉の状態 主に下記のようにします。 <div class="toggle-01 js-toggle is-open"> <button type="button" class="toggle-hook js-toggle-hook" aria-controls="toggle-content-01"><span>閉じる</span></button> </div>

全てのフォーカス要素を無効にしたい

JSなどで対象エリア内のフォーカスを全て無効にしたい時があると思います。 全てのフォーカス要素は? フォーカス要素一覧は下記です。 a[href] area[href] [onclick] [tabindex] input button select option textarea output summary video audio object em…