今からでも遅くない！誰も教えてくれなかった React とアクセシビリティーの世界

この記事は Front-End Study #3 で発表されたライブコーディングの内容を記事にしたものです。記事中のソースコードは GitHub でご覧いただけます。 この記事は、これまで一般的なフロントエンドエンジニアだった私が一年ほどアクセシビリティーについて勉強する上で 「最初に教えてくれればよかったのに〜！」と思った内容 を React と Next.js を用いて紹介するものとなっています。 読み終わった後に次にコードを書く際にふと意識できるようなアクセシビリティーの普遍的な事実を紹介し、最後に今後の React の動きについて軽く触れるものになっています。目次は次のとおりです： 基本事項 SPA のルーティングによる問題 リッチなコンポーネントでの例 Jest + React Testing Library でのテスト Reactとアクセシビリティーの今後の動き 役に立つweb

[kndkndknd]

高校生…

[akymrk]

“JSX記法では基本的にすべての属性名がキャメルケースになりますが、ARIA属性とdata属性だけが例外でケバブケースのままになります。”

[monomoti]

アクセシビリティほんと苦手。あとで。

[ika2434]

この方のライブコーディングぜひ見てほしい。高校生でここまで考えて実装まで落とし込めるのはかっこよすぎる。

[yoiIT]

え？これ書いたの高校生なのか…

[cielonlon]

アクセシビリティ実装の参考に良い

[Wafer]

React使ってるのがもう遅い

[ducktoon]

意識たけぇな。自分なんか aria-* とか邪魔なんで逆に消していってるっていうのに

[yarumato]

“Webアプリを作る上での基礎的なアクセシビリティーの知識についておさらい。React などSPA特有のアクセシビリティーの問題”

[sharaku3eyes]

凄い

[kvx]

極めたかった人生だった

[securecat]

記事内容に関係ない小並感ですが、一発で五十嵐氏のファンになりましたね…… #FEStudy