ライブラリなしで実装する定番UI 第31回 ツリービュー:aria-ownsを使ったパターン

ノードのテキストをリンクとして機能させたい場合の実装として、aria-owns属性を利用した例紹介します。aria-owns属性を使うと、HTMLだけでは親子関係を表現できないツリービューの構造を支援技術に伝えられます。

発行

著者 國仲 義則 フロントエンド・エンジニア
ライブラリなしで実装する定番UI シリーズの記事一覧

この記事を読むには
購読の手続きが必要です

月額880円(税込)

+

初めてお申し込みの方には、30日間無料でお使いいただけます

國仲 義則
PixelGrid Inc.
フロントエンド・エンジニア

ECサイトで商品登録や電話対応などの傍ら、独学でWebコンテンツ制作を学び、学習で得た知見をブログで公開していた。HTML、CSS、ビュー周りのJavaScriptを主に担当。CSSアニメーション・トランジションを使用した印象的な表現を得意とする。特に、2011年と2013年の2度にわたって作成した「CSSとSVGによる曇りガラス効果」(BlogCodePen)は、似たような表現が使われているiOS 8の発表後に国内外で注目された。2017年にピクセルグリッドに入社。

Xにポストする Blueskyにポストする