التبويبات

التبويبات ليست مجرّد أزرار تُخفي عناصر وتُظهر غيرها، بل لها أدوار متّفق عليها يجب أن تكتبها: role="tablist" على الحاوية، وrole="tab" مع aria-selected على كل تبويب، وrole="tabpanel" على كل لوحة محتوى.

وبهذه الأدوار يعرف قارئ الشاشة أنّ أمامه تبويبات، وكم عددها، وأيّها المفتوح الآن، مع أنه لا يرى الصفحة.

وأخفِ اللوحات بالخاصية hidden بدل أن تضع display:none في صنف CSS، لأنّ hidden تُخرجها من شجرة إمكانية الوصول (accessibility tree) أيضًا.