LIT-EIA / adapt-esdc-accessibilityfixes

Extension to load and run a .js file when a course loads
GNU General Public License v3.0
5 stars 2 forks source link

Component - hotgrid - images with no alt [RDI 2.47] #80

Closed LIT-EIA-OWNER closed 3 years ago

LIT-EIA-OWNER commented 3 years ago

Details, screenshots, coding: An element must have alternative text (which can be nul, alt=””).

Because assistive technologies can’t interpret an image directly, they rely on alternative text to communicate the image's meaning to users. If an image has (non-empty) alternative text, the image is identified as meaningful, and its alternative text is presented to the user. If an image has an empty alt attribute, the image is identified as decorative and ignored. If an image has no alternative text at all, the image is presumed to be meaningful, and its filename is likely to be presented to the user.

How to fix

Determine whether the image is meaningful or decorative: An image is meaningful if it conveys information that isn’t available through other page content. An image is decorative if it could be removed from the page with no impact on meaning or function. If the element is decorative, provide an empty alt attribute ( alt="" ). If the element is meaningful, provide descriptive alternative text using one of the following methods:

Good title attribute

Better aria-label aria-labelledby attribute

Best alt attribute

Could just be something our alt tag code is skipping over?

This was flagged as an issue in the French RDI, but not the English RDI. 2021/04/11 - DT Please note the French and English is currently programmed the same way in Adapt. If it’s not an issue for the English, why would it be an issue for the French. No corrections made, waiting on review of flagged error...

GGD4V commented 3 years ago

I tested hotgrid again and the empty alt text works. I presume she has tested this in IE11 where mutation observers were not working properly.