​​React​Playwright,TypeScript,useRef,useState,WAI-ARIA,アクセシビリティ

Thumbnail of post image 158

フォルダとファイルのような階層を、React でツリー表示する部品を作りました。パスの一覧から入れ子のデータを作る方法、開いているフォルダを Set で持つ理由、role=”tree” の付け方、矢印キーでの操 ...

​​React​Playwright,TypeScript,useRef,WAI-ARIA,アクセシビリティ

Thumbnail of post image 038

タブを ←→・Home・End で切り替えられるように、React と TypeScript で作りました。Tab キーで止まるタブを1つにする tabindex の付け方、ref の配列でフォーカスを動かす書き方、Enter で切り ...

​​React​IME,Playwright,TypeScript,WAI-ARIA,アクセシビリティ

Thumbnail of post image 012

​

入力に合わせて候補を出すオートコンプリートやサジェストを、↑↓・Enter・Esc で操作できるようにする方法です。React でコンボボックスを作り、フォーカスを入力欄に置いたまま aria-activedescendant で候補 ...

カテゴリー