สิ่งที่ Facebook ทำเพื่อปรับปรุงการเข้าถึง

 (engineering.fb.com)
5 คะแนน โดย xguru 2020-08-06 | 1 ความคิดเห็น | แชร์ทาง WhatsApp

ระหว่างสร้างเทคสแตกใหม่ ก็พิจารณาเรื่องการเข้าถึงตั้งแต่เริ่มต้น

  • Linting & Flow : บังคับใช้ ARIA

  • การปรับขนาดฟอนต์ : ทำได้ด้วยการใช้ rems แต่บังคับให้ใช้ได้ยาก จึงทำให้มีการแปลงอัตโนมัติจากค่า CSS pixel

  • Contextual headings : ใช้ React Context เพื่อให้แม้ในหน้าที่มีโครงสร้าง heading ซับซ้อน ก็ยังแสดงลำดับที่ถูกต้องเสมอ

  • คีย์ลัดแบบ contextual : ใช้ React Context เพื่อรวมการลงทะเบียนคีย์ลัดไว้ใน API เดียว

  • รันฟีเจอร์ในเบื้องหลังเพื่อตรวจจับและแจ้งปัญหาด้านการเข้าถึงแม้ในระหว่างรันไทม์

  • นำ ARIA Practices Guide มาใช้เพื่อให้คำนึงถึงการเข้าถึงตั้งแต่ตอนสร้าง Base component

  • สำหรับผู้ใช้ screen reader และผู้ใช้คีย์บอร์ดที่มองเห็นหน้าจอ มีการทำให้ Focus คงอยู่ได้แม้ย้ายไปมาระหว่างคอมโพเนนต์

  • มี Hook สำหรับ feedback ของ screen reader

บทความที่เกี่ยวข้อง

1 ความคิดเห็น

 
xguru 2020-08-06

เรื่องราวการสร้างเทคสแต็กของ Facebook ขึ้นใหม่ https://th.news.hada.io/topic?id=2049