Giters

seek-oss / capsize

Flipping how we define typography in CSS.

Home Page:https://seek-oss.github.io/capsize/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

x height for accessibility

Myndex opened this issue · comments

commented

This looks promising.

I'd like to mention that x-height is the single most critical font metric for readability, especially for blocks of body text.

Associated with contrast, we are working on standards/guidelines using x-height as the defining or reference size metric.

I thought it might be useful to mention this early on.

Thank you!

Andy

commented

capsize does already extract the xHeight metric from the fonts and I imagine it would be possible to add an accessibility warning to the site when the xHeight is too small. Is there a reference, where valid xHeight values could be found?

commented

capsize does already extract the xHeight metric from the fonts and I imagine it would be possible to add an accessibility warning to the site when the xHeight is too small. Is there a reference, where valid xHeight values could be found?

Hi @apkoponen

It is a work in progress, but by the time Silver is a first public working draft, we "hope" to have that in place. At present we are using "50% of body height" for the interim breakpoints. Eventually there is a goal of a workable CSS property, but it's "not ready for prime time" LOL.

commented

Hey @Myndex 👋

There's definitely room for this kind of validation coming in at some stage. Based on the specified capHeight/fontSize, if the resulting x-height is of a certain size we could tell you. Are there any associated guideline drafts you could share?