You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Just want to quickly drop mention as I happened to run into it tonight: the language picker (JS/TS) associated with most code snippets is missing the required accessibility props to tie a particular tab with a tabpanel. At a minimum, each tab should have aria-controls set w/ the ID of the corresponding tabpanel and you'll probably also want to add aria-labelledby to the tabpanel pointing back at the corresponding tab. Without this information, it's quite difficult for non-sighted users to discern the relationships between particular tabs and tabpanels.
MDN has a very comprehensive example going over this, should be a quick & easy fix. Took quick peek myself but couldn't find where you were creating these components -- maybe it's a Docusaurus thing? Not sure.
The text was updated successfully, but these errors were encountered:
Just want to quickly drop mention as I happened to run into it tonight: the language picker (JS/TS) associated with most code snippets is missing the required accessibility props to tie a particular tab with a tabpanel. At a minimum, each tab should have
aria-controls
set w/ the ID of the corresponding tabpanel and you'll probably also want to addaria-labelledby
to the tabpanel pointing back at the corresponding tab. Without this information, it's quite difficult for non-sighted users to discern the relationships between particular tabs and tabpanels.MDN has a very comprehensive example going over this, should be a quick & easy fix. Took quick peek myself but couldn't find where you were creating these components -- maybe it's a Docusaurus thing? Not sure.
The text was updated successfully, but these errors were encountered: