On Alt Textual content – A Checklist Aside

Article Continues Under

Any net designer or developer along with her coronary heart in the appropriate place is aware of that, to be accessible, each picture requires an alt textual content. Besides when it doesn’t.

Take into account the widespread bio. For example, this bio of Faruk Ateş. Amongst different parts, it comprises an creator picture, a web page title (an h1 headline containing the creator’s identify), and a paragraph of biographical content material starting with the creator’s identify.

In response to WCAG (to not point out each standards-oriented net design e-book ever written, together with mine), it’s good accessibility apply to offer alt textual content for many who can’t view a picture.

However on this case it could be unhealthy, as a result of a blind reader must hearken to Faruk’s identify 3 times in a row: first, when the display screen reader reads the alt textual content (“Faruk Ateş”), then when it reads the h1 title (“Faruk Ateş”), and lastly when it begins studying the paragraph.

On this case, then, it’s higher to make use of the null alt (alt=""), and that’s what we did within the A Checklist Aside redesign. [Actually we use a modified null alt (alt=" ") because several popular older screen readers mistakenly speak the file name in the presence of a true null alt.]

As we crafted our templates, we found many locations the place an alt textual content would have been redundant, providing a blind consumer no new info not already supplied by the web page’s HTML textual content, and merely annoying that consumer with unnecessary redundancy. Markup is an artwork, and the soul of that artwork (as with all design) consists of making the very best expertise for the consumer.

The extra you understand…

Leave a Comment