気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
アコーディオンの実装について、アクセシビリティを配慮した時の実装方法はどうすべきか、改めて考えて... アコーディオンの実装について、アクセシビリティを配慮した時の実装方法はどうすべきか、改めて考えてみました。 （2022年10月） 今回目標とする実装について先にまとめておくと、 アクセシビリティに配慮して実装したい。Tabキーで選択でき、エンター・スペースキーの両方で開閉可能である。スクリーンリーダーでの読み上げもおかしくならないようにする。展開アニメーションを付けたい。アイコンも独自のものを使用し、アニメーションさせたい。 ってな感じです。 ちなみに、IEについてはガン無視してます。 アコーディオンの開閉アニメーションの実装方法について height: autoを使うと、heightのtransitionアニメーションが動作しないという問題があるため多くの場合はJSで開閉アニメーションを実装すると思うのですが、個人的には以下の記事で紹介しているごまかしアニメーションで十分だと思っています
wemo.tech
wemo.tech
wemo.tech
wemo.tech
wemo.tech
373news.com
nordot.app
anond.hatelabo.jp
huyukiitoichi.hatenadiary.jp
www.eisbahn.jp
zenn.dev/gamella
qiita.com
applech2.com
www.mizdra.net
qiita.com/ahera
techblog.enechain.com
news.ntv.co.jp
news.ntv.co.jp
news.ntv.co.jp
2023/02/15