Skip to Content

#markup

All journal entries tagged with ‘#markup’

Related Journal Entries

Blockquotes in Screen Readers

Adrian Roselli puts together a thorough and insightful examination of how various screen readers announce some of the common patterns used for marking up blockquotes. I’ll definitely be revisiting my approach to blockquotes here on the site based on his findings and reasoning.  

What works for you may be different. However, I definitely recommend against using <figure> with <figcaption>. Enough that I adjusted the advice for <blockquote> at MDN. It is unnecessarily verbose in NVDA, JAWS, Orca, and macOS VoiceOver.

I found it particularly interesting that the cite attribute can be skipped entirely due to the fact that no screen readers use it and JAWS creates more noise by reading the URL out loud. I also learned there’s no meaningful connection between the cite attribute and the <cite> element.

Semantic Tables

Now that “table” has become a bad word and many people have eliminated them from their repertoire, I wanted to shine a little more light on this misunderstood, but well-intentioned, piece of markup. Everybody is familiar with table, tr, and td tags, but…