There are 3 small issues with the following bit of UI in the panel:
I was wondering what was the best place to report them. Would that be GitHub issues? And should I create one issue for each?
For the record, the issues are:
- Accessibility bug: icons convey information like “Author” and “Modification date” but are not labelled, and actually have
aria-hidden="true". The list of metadata is also marked up as a<dl>, but the described terms (<dt>) end up being empty of text (since they only contain unlabelled icons). - CSS bug: one icon gets a reduced size (or, in this screenshot, disappears completely) because of Flexbox space distribution and the lack of
flex-shrink: 0on the icon’s parent element. - Content/CSS bug: using
text-overflow: ellipsison the button text is not great, the label ends up clipped and can be confusing (or worse, when a truncated word ends up spelling out a curse word).
