vega / vega

A visualization grammar.

Home Page:https://vega.github.io/vega

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[Accessibility] Overlapping Legends when text spacing is applied as per WCAG 2.1 Text Spacing(Level AA) guidelines

puneet-ahuja opened this issue · comments

Legends in the charts are overlapping when we apply css as per WCAG 2.1 Text Spacing(Level AA) guidelines.

CodePen Link

WCAG 2.1 Text Spacing (Level AA)

Attaching a screenshot for reference.

Screenshot 2024-03-12 at 4 47 24 PM

Vega does its own layout so don't modify it afterwards with css. The reason is do that we can render to e.g. Canvas.

This will not be fixed but it seems like you want to apply text spacing which I'm not sure we support as a property yet. You could file this as an enhancement request.

I'm going to close this since CSS modifications is not something we will support anytime soon but please file an enhancement request for letter spacing.

Btw, I don't see the issue above in Safari. It should be supported, though: https://caniuse.com/css-letter-spacing.

Screenshot 2024-03-12 at 11 20 12