एक्सेसिबिलिटी सुधारने के लिए Facebook ने क्या किया

नई tech stack बनाते समय शुरुआत से ही accessibility पर विचार

• Linting & Flow : ARIA को अनिवार्य करना

• फ़ॉन्ट size adjustment : rems लागू करके संभव, लेकिन इसे अनिवार्य करना आसान नहीं था, इसलिए CSS pixel values से अपने-आप convert होने दिया गया

• Contextual headings : React Context के ज़रिए, heading जटिल पेजों में भी हमेशा सही level पर दिखें

• Contextual shortcuts : React Context के ज़रिए shortcut registration को एक API में समेटना

• runtime में भी accessibility समस्याओं का पता लगाकर सूचित करने वाली सुविधा को background में चलाना

• Base components बनाते समय से ही accessibility को ध्यान में रखने के लिए ARIA Practices Guide लागू करना

• screen reader और sighted keyboard users के लिए, components के बीच जाते समय भी Focus बना रहे, ऐसा implementation

• screen reader के लिए feedback Hook प्रदान करना

[xguru]

Facebook की टेक स्टैक को फिर से बनाने की कहानी https://hi.news.hada.io/topic?id=2049