Facebookがアクセシビリティ改善のために行ったこと

新しいテックスタックを作るにあたり、初期段階からアクセシビリティを考慮

• Linting & Flow : ARIA を強制

• フォントサイズ調整 : rems の適用で可能だが、強制しにくいため、CSS の pixel 値から自動変換されるように

• Contextual headings : React Context により、見出しが複雑なページでも常に正しい階層で表示されるように

• Contextual ショートカット : React Context でショートカット登録を 1 つの API に統合

• ランタイムでもアクセシビリティの問題を検知して通知する機能をバックグラウンドで実行

• Base コンポーネントを作る段階からアクセシビリティを考慮するよう、ARIA Practices Guide を適用

• スクリーンリーダーおよび sighted keyboard user のために、コンポーネント間を移動しても Focus が維持されるよう実装

• スクリーンリーダー向けのフィードバック Hook を提供

[xguru]

Facebookのテックスタック再構築の話 https://ja.news.hada.io/topic?id=2049