The default markup of Instagram Block is not accessible for users who rely on screen readers (e.g. blind users). To be accessible for such users, all non-text content have a text alternative, so that a user who relies on screen readers can make sense of the page. The default way to make images accessible is to add an "alt" attribute.
All img tags must have an "alt" attribute (even if null) to be valid HTML 5; the value of the "alt" attribute must be descriptive if the image conveys content. Also, links must have link text that is understandable. If the image is used as a link, then providing a value for the "alt" attribute that describes the purpose of the link is one way to satisfy this requirement.
The above requirements must be met if the website complies with WCAG 2.0 or 508 accessibility guidelines. (See Webaim's 508 Checklist, Understanding WCAG 1.1.1: Non-Text Content, and Understanding WCAG 2.4.4: Link Purpose (In Context).)
Out of the box, when a screen reader reaches the link, it will an unintelligible sequence of numbers that are part of the image's file source. From an accessibility standpoint, this is unacceptable. This module really should be accessible out of the box.
#2383785: Need caption as ALT text was incorrectly labelled as a feature request; it should have been marked as a bug. Per the Issue Priority Guide, this should be considered a major bug, as it interferes with site visitors' use of the site.
This is also a problem in 7.x
| Comment | File | Size | Author |
|---|---|---|---|
| #4 | add_default_alt-2788913-4.patch | 560 bytes | yanniboi |
Comments
Comment #2
miwayha commentedThis patch is based on @yanniboy's suggestion for creating alternative templates in #2383785: Need caption as ALT text, which provides the instagram photo's caption as the default alt value.
Comment #3
miwayha commentedComment #4
yanniboi commentedRerolled the patch. Looks good!
Comment #6
yanniboi commented