3 ms·

The source might be nice. Even nicer would be if people bothered to fill out the `alt` and `title` attributes with details about the image as well as the reaso

The source might be nice. Even nicer would be if people bothered to fill out the `alt` and `title` attributes with details about the image as well as the reason for it being there.

nerdponx 7y ago
Do you know of any resources with examples of good "alt" attributes? I (not a web developer) never know what's important to put there, or how much.
- _randyr 7y ago
  Here's a good short description with further resources for reading: https://github.com/springernature/frontend-playbook/blob/master/accessibility/accessibility-checklist.md#provide-text-alternatives-for-images https://github.com/springernature/frontend-playbook/blob/mas...
- simongr3dal 7y ago
  I don't think 25-75 words is an unreasonable amount of text for an alt attribute, just try to imagine how you would describe it for a blind person. xkcd sometimes – mainly when there are characters and panels and dialogue – includes a div.transcript element that explains what is on the image. Example: https://xkcd.com/1558/ https://xkcd.com/1558/ Has the following transcript: [[A concerned pet owner at the front of a row of customers in a veterinarian's office. A tired veterinary assistant performs arbitrage. A pet carrier cage, the sort used to contain a small dog or cat, is on a desk for the vet tech to examine.]] Pet owner: There's something wrong with my dog. Pet owner: He keeps crawling around eating dirt. [[The vet tech carefully removes the dog from its carrier and gently examines it.]] Vet tech: This is a roomba. Pet owner: Well, he's a mix. Pet owner: Probaby some roomba in there. [[The vet tech places the roomba on the desk, probably maintaining a weary forced congeniality though we can't see their face.]] Vet tech: A roomba is not a pet. Pet owner: You're right. It's wrong to keep a beautiful creature like this in a house. [[The pet owner, outside, beneath a tall tree. It looks like an ash, or maybe a beech. There aren't any leaves drawn in the frame so I can't be sure.]] Pet owner: Go! Be free! [[The roomba cheerfully speeds towards the tree]] Roomba: WHIRRR {{Title text: It's probably for the best. Since Roombas are native to North America, it's illegal for Americans to keep them in their houses under the Migratory Bird Treaty Act.}}
  - miki123211 7y ago
    curiously, my screen reader does not read that transcript.
  - mncharity 7y ago
    So... there's another entire layer of xkcd humor?!? That (at least for this one) isn't even on forums.xkcd? That I've been oblivious to for years? OMG. 2k comics to revisit, or at least to scrape for transcripts? TIL... wow, that's unexpected.

The source might be nice. Even nicer would be if people bothered to fill out the `alt` and `title` attributes with details about the image as well as the reason for it being there.

nerdponx 7y ago

Do you know of any resources with examples of good "alt" attributes? I (not a web developer) never know what's important to put there, or how much.

_randyr 7y ago
Here's a good short description with further resources for reading: https://github.com/springernature/frontend-playbook/blob/master/accessibility/accessibility-checklist.md#provide-text-alternatives-for-images https://github.com/springernature/frontend-playbook/blob/mas...
simongr3dal 7y ago
I don't think 25-75 words is an unreasonable amount of text for an alt attribute, just try to imagine how you would describe it for a blind person. xkcd sometimes – mainly when there are characters and panels and dialogue – includes a div.transcript element that explains what is on the image. Example: https://xkcd.com/1558/ https://xkcd.com/1558/ Has the following transcript: [[A concerned pet owner at the front of a row of customers in a veterinarian's office. A tired veterinary assistant performs arbitrage. A pet carrier cage, the sort used to contain a small dog or cat, is on a desk for the vet tech to examine.]] Pet owner: There's something wrong with my dog. Pet owner: He keeps crawling around eating dirt. [[The vet tech carefully removes the dog from its carrier and gently examines it.]] Vet tech: This is a roomba. Pet owner: Well, he's a mix. Pet owner: Probaby some roomba in there. [[The vet tech places the roomba on the desk, probably maintaining a weary forced congeniality though we can't see their face.]] Vet tech: A roomba is not a pet. Pet owner: You're right. It's wrong to keep a beautiful creature like this in a house. [[The pet owner, outside, beneath a tall tree. It looks like an ash, or maybe a beech. There aren't any leaves drawn in the frame so I can't be sure.]] Pet owner: Go! Be free! [[The roomba cheerfully speeds towards the tree]] Roomba: WHIRRR {{Title text: It's probably for the best. Since Roombas are native to North America, it's illegal for Americans to keep them in their houses under the Migratory Bird Treaty Act.}}
- miki123211 7y ago
  curiously, my screen reader does not read that transcript.
- mncharity 7y ago
  So... there's another entire layer of xkcd humor?!? That (at least for this one) isn't even on forums.xkcd? That I've been oblivious to for years? OMG. 2k comics to revisit, or at least to scrape for transcripts? TIL... wow, that's unexpected.