Experimenting with local alt text generation in Firefox Nightly – Mozilla Hacks - the Web developer blog
hacks.mozilla.org
external-link
Firefox 130 will feature an on-device AI model that automatically generates alt-text for images, integrated into its built-in PDF editor.

New accessibility feature coming to Firefox, an “AI powered” alt-text generator.


"Starting in Firefox 130, we will automatically generate an alt text and let the user validate it. So every time an image is added, we get an array of pixels we pass to the ML engine and a few seconds after, we get a string corresponding to a description of this image (see the code).

Our alt text generator is far from perfect, but we want to take an iterative approach and improve it in the open.

We are currently working on improving the image-to-text datasets and model with what we’ve described in this blog post…"

@IllNess@infosec.pub
link
fedilink
English
37M

But even for a simple static page there are certain types of information, like alternative text for images, that must be provided by the author to provide an understandable experience for people using assistive technology (as required by the spec)

I wonder if this includes websites that use <figcaption> with alt emptied.

@Kissaki@beehaw.org
link
fedilink
English
1
edit-2
7M

MDN figure and figcaption has no mention of changed img alt intentions. Which makes sense to me.

figure does not invalidate or change how img is to be used. The caption may often not but can differ from the image description. If alt describes the image, figcaption captions it.

What the fuck is Lemmy doing, breaking with HTML in code formatting?? Man it’s completely broken. I committed sth so it doesn’t remove the img lol.

<figure>
  img src="party.jpg" alt="people partying" />
  <figcaption>Me and my mates</figcaption>
</figure>
@IllNess@infosec.pub
link
fedilink
2
edit-2
7M

Yes 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.


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
link
fedilink
English
17M

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 that figcaption 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 over img alt.

Thanks for the info. The Accessible name calculation page is really interesting.

@Kissaki@beehaw.org
link
fedilink
English
17M

Where is that quote from?

I put a link after the quote. That’s the source.

@Kissaki@beehaw.org
link
fedilink
1
edit-2
7M

I don’t see a link. Post content source is empty too.

screenshot 1

screenshot 2

https://www.boia.org/blog/should-you-include-alt-text-for-pictures-with-captions

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.

Given that it’s not in the comment source I doubt it’s a browser issue. But if you can see it… wtf

When I open the comment in your original instance context it’s there. Your comment was edited. Did you edit it in? I guess it got lost between instance communication lol.

Create a post

A nice place to discuss rumors, happenings, innovations, and challenges in the technology sphere. We also welcome discussions on the intersections of technology and society. If it’s technological news or discussion of technology, it probably belongs here.

Remember the overriding ethos on Beehaw: Be(e) Nice. Each user you encounter here is a person, and should be treated with kindness (even if they’re wrong, or use a Linux distro you don’t like). Personal attacks will not be tolerated.

Subcommunities on Beehaw:


This community’s icon was made by Aaron Schneider, under the CC-BY-NC-SA 4.0 license.

  • 1 user online
  • 58 users / day
  • 156 users / week
  • 575 users / month
  • 2.02K users / 6 months
  • 1 subscriber
  • 3.49K Posts
  • 69.2K Comments
  • Modlog