You Know What? Just Don’t Split Words into Letters
This title could be clearer and more informative.Try out Clickbait Shieldfor free (5 uses left this month).
GSAP's SplitText plugin claims screen reader support but fails across most screen reader/browser combinations. Splitting words into individual letters wrapped in HTML elements creates accessibility barriers, even when using aria-label and aria-hidden. Testing across NVDA, JAWS, Narrator, VoiceOver, Orca, and TalkBack reveals only NVDA/Firefox and TalkBack/Chrome work correctly. The generic role on divs prohibits aria-label, and even when used on valid elements, aria-label doesn't translate and can violate WCAG Label in Name requirements. Developers should avoid splitting text into letters for animations or styling effects.
Table of contents
GSAP’s DemoThe ARIA Non-Solution # anchorHiding Content # anchorVideos # anchorResults # anchorBug Report # anchorWrap-up # anchorTagsOther PostsNo comments? Be the first!Sort: