Blind and Visually Impaired Community
↑
3
↓
Advice in making my websites more accessible (self.Blind)
submitted by [deleted]
[deleted]
Tarnagona 4 points 1y ago
Try using your website with a keyboard only. If you have to use a mouse in order to access any part of it, a screen reader user probably can’t access it either.
Test it with a screen reader yourself. There’s one built in to just about every OS now.
There’s website accessibility standards out there for this stuff. WACG, I think? I never quite remember the acronym. That’s always a good place to start.
Test it with a screen reader yourself. There’s one built in to just about every OS now.
There’s website accessibility standards out there for this stuff. WACG, I think? I never quite remember the acronym. That’s always a good place to start.
Zen_Chameleon 2 points 1y ago
That's a great idea. Thank you :-)
retrolental_morose 4 points 1y ago
Good heading structure, relevant link text and sensible use of native HTML elements covers much of it. Obviously if you are developing tools to do things normal websites can't manage, you need to consider the accessibility of your custom controls.
Zen_Chameleon 2 points 1y ago
Thank you very much :-)
zersiax 3 points 1y ago
OP, this question comes along about once every month or so, so a creative bit of searching will find you a LOT of answers to this question already. That will probably get you answers faster as well, and might make it possible for you to ask more specific questions that have not been asked yet.
nullatonce 3 points 1y ago
I'll give you a quick bone - labels for buttons where there's only icon in it.
Next time do your research yourself. This gets asked quite often.
Next time do your research yourself. This gets asked quite often.
Zen_Chameleon 1 points 1y ago
No need to be a jerk.
retrolental_morose 4 points 1y ago
In fairness, you've come to a sub of blind people and tried to explain an Alt tag. Given how many of them we encounter day-to-day it kinda feels like you're asking a question without putting in any research beforehand.
Also, the need for description is proportionate to the importance of the image. If the cat is just for decoration, cat's fine. If you're going to be adopting it, more detail is good.
For me personally, the more words devs use in their Alt and title tags the more crap I've got to listen through. So 9 times out of 10 a brief succinct image desc is called for.
And absolutely without words like "picture of", "image containing" etc. Our screen readers tell us that already. :)
Also, the need for description is proportionate to the importance of the image. If the cat is just for decoration, cat's fine. If you're going to be adopting it, more detail is good.
For me personally, the more words devs use in their Alt and title tags the more crap I've got to listen through. So 9 times out of 10 a brief succinct image desc is called for.
And absolutely without words like "picture of", "image containing" etc. Our screen readers tell us that already. :)
Zen_Chameleon 4 points 1y ago
Oh that's indeed a perspective I hadn't thought of regarding having to wade through overly descriptive alt tags. I wouldn't have ever thought that. Thank you
nullatonce 1 points 1y ago
Yes, i need to!
[deleted] [OP] 2 points 1y ago
[deleted]
Marconius 2 points 1y ago
If your images are purely decorative, don't add alt text. Those need to be hidden entirely from screen readers otherwise they just get in the way. Only add alt text to images if they have text in the image or if it is immediately relevant and informative to the content on the page. The same goes for iconography, hide all of that and don't go overboard with emojis.
Here's a helpful site for you: $1
Here's a helpful site for you: $1
Shadowwynd 2 points 1y ago
For a decorative image, use the ALT="" tag instead of no alt tag. This way the screenreader knows to ignore it. e.g. <IMG SRC="decorativecat.jpg" ALT="">
Zen_Chameleon 1 points 1y ago
Great thank you. Good to know
Zen_Chameleon 1 points 1y ago
Thank you very much. This is very helpful
This nonprofit website is run by volunteers.
Please contribute if you can. Thank you!
Our mission is to provide everyone with access to large-
scale community websites for the good of humanity.
Without ads, without tracking, without greed.
scale community websites for the good of humanity.
Without ads, without tracking, without greed.
©2023 HumbleCat Inc • HumbleCat is a 501(c)3 nonprofit based in Michigan, USA.