Where is that quote from?
Comment on Mozilla Firefox new alt-text generator powered by "fully private on-device AI model"
IllNess@infosec.pub 6 months agoYes you can use both but I’ve seen some front end developers blank out alt
altogether when they are using figcaption
.
I did not find this practice in MDN Web Docs but I found it in an other place:
If you’re using an image that has a caption, it may not need alt text if the caption contains all of the relevant visual information.
This doesn’t have to do with figcaption
but a blind user in Stack Overflow suggested you should empty out alt
for actionable objects.
If you can interact with the image to perform actions (click, etc.), or if the icon conveys an information, then you must set a non-empty alt. It must be a function description, not a objective description of the image.
Example 1: “Go back” is good, while “Blue left arrow” is bad.
I was just wondering what Mozilla’s method was for finding these images and if they took other things in to consideration like decorative images.
Kissaki@beehaw.org 6 months ago
IllNess@infosec.pub 6 months ago
I put a link after the quote. That’s the source.
Kissaki@beehaw.org 6 months ago
IllNess@infosec.pub 6 months ago
boia.org/…/should-you-include-alt-text-for-pictur…
I think their might be something wrong with your browser or something. I tried the code blocks using spaces, tabs, and backticks, and I didn’t have the
img
problem you had.I also checked from a different account on a different instance on a different browser this post and I can see the link.
Kissaki@beehaw.org 6 months ago
Interesting. It also made me look at the MDN docs again. img alt is consistent to that. I wasn’t aware of the empty for omittable images.
I also looked at
figure
again, and in my interpretation it does declare thatfigcaption
is to be used.figure
represents self-contained content.figcaption
provides the accessible name for the parent. The accessible name is is the text associated with an HTML element that provides users of assistive technology with a label for the element.The resolution order being aria-labelledby, aria-label, input[type=button][value], input[type=image]|img|area[alt], …
So
figcaption
takes priority overimg
alt
.IllNess@infosec.pub 6 months ago
Thanks for the info. The Accessible name calculation page is really interesting.