We’re putting a new compatibility table design into beta this week! They’ll start to appear slowly a few pages at a time.
Florian, Jean-Yves, Will, Chris, Daniel, and over 50 contributors are migrating our old browser compatibility tables into JSON. The JSON is in the browser-compat-data GitHub repo and gets published as an npm module. We’re about 35% done with the migration!
Pages that have the data migrated, will have the new design. Here’s a preview:
- Background colours to convey a quick overview of support.
- Display desktop and mobile data side-by-side.
- Responsive versions for mobile and tablet views.
Things we know we need to fix before it’s out of beta:
- You can’t tell support without the colors.
- Localization is spotty. Things like “Yes” and “No” have been translated but not some of the longer more complicated strings.
- Long tables on mobile screens are really long.
Colour blind & low-contrast theme users, we’re sorry. The original design had something to help but it didn’t user test well For now you can either: pick “show old table” in drop down menu on the top right or uncheck the beta tester check mark on your profile page. If you would like to help us user test the next colour-free solution please send me an email!
- You should send us your feedback.
- We will start doing user testing to improve the designs.
- We’ll fix the things we know need fixing.
Thanks for using MDN!