Skip to main content

Indie game storeFree gamesFun gamesHorror games
Game developmentAssetsComics
SalesBundles
Jobs
TagsGame Engines

Alt Text on Images

A topic by queerdisagreeable created Jan 01, 2024 Views: 399 Replies: 9
Viewing posts 1 to 3
(+3)

For basic accessibility purposes, there should be an option for creators to add alt text to every image that will be on their page. Screenshots and images are often essential to publicising games, and for there to be no way to convey the information shared in them to low-vision and blind people restricts both sides of the exchange. A simple text box to create alt text would open doors for creators and players alike.

Hmm, Hmmm. I kinda disagree. The area that is specifically screenshots is the "alt-picture" for people not wanting to read the description ;-)

Also here:

https://html.spec.whatwg.org/multipage/images.html#alt

the intent is that replacing every image with the text of its alt attribute does not change the meaning of the page

Alt is about meaning, not about descriptive transcription.

But as I see it, you have two ways of making it more accessible for those people using screen readers. Make a good description to begin with. And if you use pictures as a description, just place the alt text for those pictures in your description. There is html editor, is there not. You do not have to put your images in the screenshot area.

While screenshots are images (or even video snippets), the alt text would probably just read "screenshot". To be blunt, if the player can't see the screenshots, the player can't see the game either. And putting the information how accessible a game is for the visual impaired in screenshot form only, kinda defeats the purpose. So those games that are bound to have a good description to begin with, at least I would hope so.

Hello! Just wanted to let you know that if you design with accessibility in mind, it's entirely possible for people who are blind or have low vision to play your games. For example, I just released a one-page TTRPG, and in the process of designing it, I:
-Used text-to-speech software to make sure all the text could be read aloud
-Also included a plain text file in case of software incompatibility or other user needs
As for alt text, my screenshots include a filled-out example of gameplay, so I'd like to add alt text for anyone who relies on it (such as screenreader users), and in this case the alt text would include the text of the given example. Similarly, I have a banner that has the game title + a badge for the One-Page RPG Jam, which would be very simple to describe in alt text but now I have to add to the description.

Anyway, if you're interested in learning more about accessibility in gaming (or alt text in particular), here are a couple links:

Free Accessibility in Gaming Resources Google Doc: https://docs.google.com/document/d/1ZFSXz-Yva1KZAsP7NblCdkoiQ6RcjxSV2gj98eXusJs/...

How to Write Alt Text for Memes (a guide with applicability beyond memes and in general a good starting point): https://veroniiiica.com/how-to-write-alt-text-for-memes/

if you design with accessibility in mind
putting the information how accessible a game is for the visual impaired in screenshot form only, kinda defeats the purpose. So those games that are bound to have a good description to begin with, at least I would hope so

;-)

I stand by my opinion. Screenshots are the alt-picture of the description of a game. A "correct" alt-text for a screenshot would be "screenshot of the gameplay".

The alt-text feature is intended for on-page images that are used to convey meaning. Screenshots on the other hand, as handled on Itch, are a separate area that have an advertisement function, but they do not change the meaning of the description, if they are exchanged with newer screenshots or different screenshots. So describing them, to describe the game is kinda moot, since that is the purpose of the description.

You do not have on-page images on your page. You do have one on your devlog though. Could you not use the alt-text feature of html with the edit function of Itch, or was it deemed unhelpful?

As I have pointed out, no one hinders you to design a regular html page, complete with regular alt-text for your embedded on-page images. There just is no alt-text feature for the designated screenshots.

Or is the alt-text really disabled in the description? I always thought except for css and js, it would have regular html capabilities.

Circling back because I found a good thread that unpacks how the purpose (and therefore meaning) of images shifts in different contexts, and why that means you adapt the alt text to the purpose rather than omitting it entirely: https://bsky.app/profile/ebthen.bsky.social/post/3l7mgydvp762k

Your link is behind a barrier.

But if I understand you correctly, you now agree, that meaning is what should be in an alt-text.

Therefore, what is the meaning of a screenshot? It is "screenshot of the game". 

The worst are descriptions that use images instead of text. I talk about using the image of a textline, because the designer did not bother to make it work in regular text formatting options. They are even hurting themselves, as search engines will not index their page properly.

Copy-pasting the contents of the first few posts in the thread by Eb for you:

People stress me out with how much they misunderstand "alt text is contextual".
It doesn't mean you put the context of the image in the alt text. It doesn't mean you skimp on the alt text, either.
It means the alt text is going to change depending on where and why you post the image.
"Alt text is contextual" means if I post a photo of my dog with a toy on a thread or forum about digital photo editing, my alt text is going to very briefly skim over the details of my dog and the toy and I'm going to describe other qualities of the image, like background blur, sharpness, tint, etc.
If I post that same image of my dog and a toy on a review of the toy, the alt text will be primarily about the toy as it appears in the image. 
If I post that image on a "show your dog's coat pattern" forum or thread, the alt text will focus on describing my dog's coat pattern in the image.
If I were to post that photo here as a "look at my adorable dog; she will lift your mood" thing, then I want to describe what it is about my dog in that image that is so adorable and mood-lifting. Is it her facial expression? Her posture? Her giant ears?
This is what "alt text is contextual" means.

If you are posting a screenshot of the game, for the alt text you would describe what is pictured in the screenshot, but how you describe it depends on why you have chosen that screenshot. For example, let's say there's a screenshot of the villain and the hero swordfighting. Did you post that screenshot to introduce the characters, to demonstrate a core gameplay mechanic, or to illustrate the art style of the game? The same picture would be described differently depending on the purpose of the screenshot. 

Also (and I hate that I have to say this) using alt text has benefits beyond the inclusion of disabled people: if, for example, the images aren't loading, they can check the alt text and know what the images are supposed to be. If instead they just see the word "screenshot", they might write you off instead

This seems where our opinions diverge

If you are posting a screenshot of the game, for the alt text you would describe what is pictured in the screenshot

Unless the meaning is in the picture, all the alt-texts for gameplay screenshots would read "gameplay screenshot".

I like the example on the wiki. An alt-text for a company's logo would read "company logo" and not describe that it is a half eaten fruit with bite marks.

Alt-text is not a transcription of what is seen in an image. It is text that is displayed, if the image cannot be rendered. It is recommended to use this mechanic to make it more accessible for people needing a screen reader. But the purpose is still to display the text if the image is missing, so people not seeing the image know what the image is supposed to show. It is not meant to be a textual replica of the image. And it is not fixing the design of a page without barriers, if you do not design it with that in mind from start. Repurposing this for barrier free web is a hack.

There is a grey area when you convey meaning with the images. Like the literal and trivial example, if you use an image of text. There are ... "designers" that really do this kind of dumb. And there are other scenarios where the meaning would take up the proverbial thousand words. You just do not pack this into an alt-text.

The screenshot are of Itch game descriptions is a dedicated area. For screenshots. If you want to describe your game with establishing shots, introducing your game characters, you should use the description area and use words in the description, not in some alt-text no one is gonna see these days, since browsers nowadays always load the pictures - the option to not load all pics has been gone for a decade or longer.

Sure it would be nice if the alt-text magically would make visual content accessible, but that is neither it's purpose, nor is this trivially possible. Those establishing shots would still only have alt-text "character shot of the hero". The description should not hide in the alt-text, it should be spelled out for all to read.

And this might be a dumb question, but is there no alt-text possible in the html one uses for a game description? Or is just no one using it?

About the contextual. Yes and no. A photo with a dog with a toy, as exampe, ok.

Digital editing: "before sharpening" "after sharpening".

Toy review: "picture of the toy in usage".

Dog's coat: "my cute doggy's coat"

Dog meme: "adorable dog playing with a toy"

All these are valid alt-texts. Things like describing the coat pattern belongs in the text or image caption, not in the alt-text.

Opinions about this will differ. But one should not hide the information in the alt-text. And the context shifts with purpose, but it does not mean you should transcribe different parts of the picture. You should not transcribe it to begin with. How would that even read? Oh, look, here my dog looks sharper as in the previous image? That is not alt-text, that is caption.

(+2)

I agree that we need alt text for cover images, banners, and screenshots (I found this thread because I was trying to figure out how to add them on Itch). Guess I'll have to some image descriptions as a stopgap