1888923 - Make the "Taxonomy" section of the Design Token docs more accessible

Status: NEW

(Toolkit :: Themes, task, P3)

Description

[Tim Giles [:tgiles]]

Since we can't inject custom CSS on Firefox Source Docs, we decided to make an image of the Taxonomy section in the Design Tokens doc. However, since this is a complex image of content within a table, I don't believe there's alt text that can sufficiently describe the image. We should find some other way of displaying this information.

Additionally, if you navigate through the current Taxonomy section, you'll eventually get a strange readout of "ColorBlue50SizeItemSmallLinkColorLinkFocus OutlineColorShoppingCardBorder Color" as NVDA seems to be concatenating all of the non-disabled post-it notes in the section. That's something that should be fixed as part of this bug as well.

Comment 1

[Jules Simplicio [:jules]]

Thanks for filing this! Maybe we can change the title/description so it addresses all of the custom diagrams going on in there beyond just the taxonomy (e.g. token files diagram).