WAI-ARIA 対応のアクセシブルなタブ UI を React で実装する

テクノロジーカテゴリーの変更を依頼記事元:

havelog.aho.mu

30users がブックマークコメント

コメント

2

記事へのコメント2件

注目コメント
新着コメント

yasu-log 【B!】WAI-ARIA 対応のアクセシブルなタブ UI を React で実装する ::ハブろぐ

2017/04/18 リンク

yfnt WAI-ARIA 対応のアクセシブルなタブ UI を React で実装する ::ハブろぐ

2015/06/14 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

WAI-ARIA 対応のアクセシブルなタブ UI を React で実装する

タブ UI のアクセシビリティ対応この記事は、下記の点に留意してご覧いただきたい。タブ UI における... タブ UI のアクセシビリティ対応この記事は、下記の点に留意してご覧いただきたい。タブ UI におけるアクセシビリティ対応（主に WAI-ARIA）の参考実装であること React コンポーネントとしての機能性は二の次のサンプルであることアクセシビリティ実装についてのツッコミは歓迎であることひさびさにPCキーボード的なアクセシビリティ対応が必要そうな性質のサービスを開発することになったので、コンポーネント単位でのアクセシビリティ関連実装を進めている。 React 実装今回はタブ UI を題材に、React コンポーネントを実装した。行うべき操作を見通しよくするために、タブ UI を <Tabs> コンポーネント1つで実装した。厳密には <TabList> や <TabPanel> などの要素を分解してコンポーネント化したほうが良いだろうが、今回は簡易実装としている。キーボード

ブックマークしたユーザー

yasu-log2017/04/18
makotot-riceball2016/12/26
to_tu2016/09/29
emonkak2015/07/05
mhkohei2015/06/28
norteak2015/06/16
spi_regu2015/06/16
TokyoIncidents2015/06/15
myomi2015/06/15
dorayakikun2015/06/15
k_oshima2015/06/15
Jxck2015/06/15
yfnt2015/06/14
foo992015/06/14
sidebiz2015/06/14
milk772015/06/14
kenmitsu2015/06/14
terkel2015/06/14

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

いま人気の記事 - 企業メディア

企業メディアをもっと読む

設定を変更しましたx