Skip to main content


TL;DR:
1. Probably don’t add `­` without guidance from a copywriter.
2. Probably don’t add `­` to foreign words without expert guidance.
3. Probably don’t add `­` to URLs, email addresses, code blocks, etc.
4. Probably restrict `<wbr>` to URLs, email addresses, code blocks, and similar where technical accuracy is key.
5. Probably restrict `<wbr>` to before periods and dashes and maybe slashes in URLs and emails.

#accessibility #a11y #css #html

in reply to Adrian Roselli

these are all so so good - soft hyphens have gotten tiring when just browsing the web for their verbosity, so at this point I think my brain just skips over them as noise, but this guidance for sure needs to be out there.
in reply to Tamas G

@Tamasg I find them visually destructive outside specific cases. A signal of poor typography (but not always).