Blockquotes in Screen Readers

blockquote-elementet i skärmläsare

TL;DR: This post does not assert the correct way to code blockquotes, it will only demonstrate how screen readers announce some existing patterns.

Några lärdomar om att använda blockcitat på ett inkluderande sätt.

• Attributet cite på <blockquote> ignoreras av de vanligaste skärmläsarna, och renderas inte för den stora användarbasen.
• Det finns ingen semantisk eller systematisk gruppering mellan <cite> + <blockquote>, som t ex med <label> + <input>.

Jag har under många år haft dåligt samvete när jag tillämpat Markdown för att skriva för webb. Att inte vara mer noggrann med blockcitat har känts som att skippa alt-texten på bilder.

En helt obefogad känsla, visade det sig.

Som bonustips:

• Använd inte <figure> + <figcaption> för pull quotes eller för att gruppera <cite> + <blockquote>.