Re: [csswg-drafts] [css-text] For most languages, hyphens:auto should not hyphenate Capitalized words (#3927)

Labels in UI controls (links, buttons, tabs, etc.) are generally capitalized, regardless of language, or whether or not they're  proper nouns. Similarly, headings often use title case.

The `hyphens` property would have been ideal to prevent long words in headings and controls from overflowing or getting cut off when zooming to large magnification factors, ensuring a template complies with [WCAG SC. 1.4.10: reflow](https://www.w3.org/WAI/WCAG21/Understanding/reflow.html). 

The property is not useful if it only works some of the times, and the same word may or may not get hyphenated just because it starts with a capital letter. It's not feasible to expect content providers to write everything in lower case. This means we'll have to fall back on using `word-break: break-all` on lower viewport widths, which is much less ideal than `hyphens` could have been.

If there was an extra value that ignores case (e.g.,  `hyphens: all`) that a developer could opt into, it would solve everything.



-- 
GitHub Notification of comment by hanshillen
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/3927#issuecomment-1264137717 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Friday, 30 September 2022 23:58:19 UTC