[meta][website] Tofu/weird glyphs on CSS WG website Current Work page #4668
Description
The “Current Work” page for CSS WG on w3.org uses Unicode characters (in the last column of the Table of Specifications) that are showing up poorly in multiple browsers.
The characters (ℹ⃝) are a heavy bold i followed by an enclosing circle, to create an info icon. But in Chrome, they're showing as tofu (unmatched glyphs) for both myself (on Win 10) and @argyleink (Mac, I think) because of no match in the default sans-serif font. On Firefox for me, it's showing up as an i followed by a circle that doesn't enclose it, because they're matching glyphs from different system fonts.
Now, as CSS nerds, we can say this is a problem with the browsers not properly finding fallback glyphs or not properly shaping them…
But as website owners, the important issue is that the content is broken & visitors to the website will have no idea that this is a link to further information about each spec — unless they hover or use an assistive technology that exposes the link title text (which are of the form “Summary of Spec Title”).
Possible solutions:
- replace the glyphs with an image or inline SVG icon or an ℹ information emoji
- replace them with “More…”, “About…” or similar short text