【react】アクセシビリティに考慮したタブを実装する

https://azukiazusa.dev/blog/react-accessible-tab/ 【React】アクセシビリティに考慮したタブを実装するタブとは、ページ内でコンテンツを切り替えるために使用する UI です。タブ初期表示ではいずれか一つのタブパネルが表示されており、関連するタブがアクティブなスタイルで表示されます。それぞれのタブには関連するタブパネルがあり、タブを選択することで表示されるタブパネルがタブに関連するものに切り替わります。

Robuta