My website got a long overdue accessibility upgrade over the weekend: my 600+ pull quotes are now hidden from screen readers and text-only web browsers. Confusing text duplication is no more.
Pull quotes are a powerful traditional design element, best known from magazine layouts, but a little awkward to use effectively on webpages. I like pull quotes, and I have always been determined to have them on my site. Unfortunately, for over a decade I did them the most obvious way: I just duplicated the quoted text and styled it differently. This looks good for most site visitors, but for anyone who can’t see the styling — especially visually impaired visitors using tech to read the page aloud — the effect is just jarring. These stray duplicate phrases litter the document. Not good.
For many years I’ve wanted to fix this, a good decade, but I always knew it would take me 3-6 hours, and that’s a tall order for something that doesn’t have to be fixed. But I finally got to it!
And there are undoubtedly at least a half dozen more accessibility upgrades I could and should implement…