React でアクセシブルな Tree View を実装する

Tree View は階層構造を効率よく操作できる一方、ARIA ロールを付けるだけではアクセシブルになりません。WAI-ARIA APG を参考に、roving tabindex、矢印キー、選択、文字検索を備えた単一選択の Tree View を React で実装する方法を紹介します Tree View は、ファイルシステムや商品カテゴリのような階層構造を表示す...

React でアクセシブルな Tree View を実装する

この記事のキーワード

同じキーワードの記事

テオ氏：アップルのファイルシステムは遅すぎる——AIコーディングを全てLinuxに移行し、ストレージを3分の1に削減 — BigGo ファイナンス

若手エンジニアに必要だと感じた「AIを使う力」

Cloudflare ContainersがAIエージェント向けに刷新。起動が6倍速、ファイルシステムのスナップショット機能など

バイブコーディングで GUI が壊れていく理由とその対策プロンプト

Shopifyがスマホアプリ開発でReact NativeからSwiftとKotlinに回帰、コーディングAIの性能向上が理由

React 19.3 – React

AI語を受容する

バイト先の店長がAIに私の描いた絵を読み込ませてて終わった→悪意なきパターンの難しさについて

ローカルLLMの壁を打ち破る「Unsloth Desktop」登場！ 画像生成・コード実行・API化を1つのアプリに統合

「AIエージェント」登場でネット通販激変 〝アマゾン飛ばし〟でビジネスモデル崩壊も

Claude Codeの体系的な理解と知識のフック

AIで制作の楽曲、音楽チャートから除外 オーストラリア

【週間振り返り】Meta、VR開発者向けに公開したAIエージェント向け新ツール「Meta XR Operator」とは？

【週間振り返り】Meta、VR開発者向けに公開したAIエージェント向け新ツール「Meta XR Operator」とは？

大阪大学とNEC、次世代データ転送基盤「RED-ONION」を構築--1TBを約90秒で転送

ある飲食店が立てた「AI日本酒マップ」看板、地域と県名がバラバラで「チェックくらいしようよ…」「ファミレスの間違い探しかよ」のツッコミが殺到する

AIに書かせたら、前より休めなくなった｜松浦勝人

AIエージェントにAPIキーを渡さない — trustlessを作った理由

FreeToken の概要｜npaka

〈マネジメント 再設計のススメ⑥〉変貌を遂げる｢2040年の管理職｣企業と個人はいまから何に取り組むべきなのか | ビジネス | 東洋経済オンライン

ローカルLLMの壁を打ち破る「Unsloth Desktop」登場！　画像生成・コード実行・API化を1つのアプリに統合

「AIエージェント」登場でネット通販激変　〝アマゾン飛ばし〟でビジネスモデル崩壊も

AIで制作の楽曲、音楽チャートから除外　オーストラリア

〈マネジメント再設計のススメ⑥〉変貌を遂げる｢2040年の管理職｣企業と個人はいまから何に取り組むべきなのか | ビジネス | 東洋経済オンライン