It has been a dog's age since I wrote code for anything in web design, whether HTML, Php, CSS, etc. Nevertheless, when it comes to image/control descriptions, it depends on the type of labelling .
If I am doing Alt text, I try to be as descriptive as one can, within a sentence or 2.
Aria label (screen reader exclusive) I write even less. As I understand it, you can write a paragraph, but it would make navigating rather verbose.
Kind of wish there was a way to expand the alt text from brief to detailed with a command.
What is not helpful,and is also frustrating, is some of the auto generated alt text on Facebook that says, may be a picture of text. There are plenty of times that Facebook says what the text says, though it may be a little scrambled, but I would rather have it say it can't interpret the picture, than just tell me there might be text there without attempting to read the text.
The latest TestFlight version of BME now automatically fills in meta data with the Be My Ai description when you swipe down to copy directly from the app. Hopefully that will remove steps when entering alt text. I don’t know when this feature will be in the public version but shouldn’t be long.
It also appends Described with Be My AI to alert people that the image description was generated with AI so may not be accurate.
I recently came across this article from W3 that provides advice on ALT text. But I'll stick with my earlier comment. What are you trying to communicate to sighted users with the image? Communicate the same information in the ALT text field.
This covers how to write alt text for different kinds of images like photos, maps, icons, logos and so on.
As a general rule, 150 characters is the right amount of alt text without getting too long. If the description is longer, the creator can use the HTML caption element, provide alt text in an accordion component or create a separate page with the description.
Comments
Alt Text & Aria labels
It has been a dog's age since I wrote code for anything in web design, whether HTML, Php, CSS, etc. Nevertheless, when it comes to image/control descriptions, it depends on the type of labelling .
If I am doing Alt text, I try to be as descriptive as one can, within a sentence or 2.
Aria label (screen reader exclusive) I write even less. As I understand it, you can write a paragraph, but it would make navigating rather verbose.
Just my 2 cents. 😇
How to write Alt Text
Describe the action in the photo. Imagine you had to convey this picture to a friend by leaving them a short voicemail.
Kind of wish there was a way…
Kind of wish there was a way to expand the alt text from brief to detailed with a command.
What is not helpful,and is also frustrating, is some of the auto generated alt text on Facebook that says, may be a picture of text. There are plenty of times that Facebook says what the text says, though it may be a little scrambled, but I would rather have it say it can't interpret the picture, than just tell me there might be text there without attempting to read the text.
Css styles.
Edit: Sorry for the caps. No idea what happened there...
You could probably do this with CSS code. Like how some websites have an accessibility mode.
Be My eyes will soon be able to help.
The latest TestFlight version of BME now automatically fills in meta data with the Be My Ai description when you swipe down to copy directly from the app. Hopefully that will remove steps when entering alt text. I don’t know when this feature will be in the public version but shouldn’t be long.
It also appends Described with Be My AI to alert people that the image description was generated with AI so may not be accurate.
I've never been asked
Sorry, that didn't add anything.
Put a brief description of the image and include text in the image.
I think that's 55 words.
Just past the mark
I obviously fail at math, and I'm not even counting my edit, as that was after the fact. 🤷🏻♂️
What are you trying to communicate with the picture?
Put whatever that is in the ALT text.
Advice from W3
I recently came across this article from W3 that provides advice on ALT text. But I'll stick with my earlier comment. What are you trying to communicate to sighted users with the image? Communicate the same information in the ALT text field.
Guidelines for Alt Text from Deque University
When asked, I share this resource.
https://www.deque.com/blog/great-alt-text-introduction/
This covers how to write alt text for different kinds of images like photos, maps, icons, logos and so on.
As a general rule, 150 characters is the right amount of alt text without getting too long. If the description is longer, the creator can use the HTML caption element, provide alt text in an accordion component or create a separate page with the description.
Hope this is helpful.