Skip Navigation
ChasMusic ChasMusic (he/him) @ohai.social

Hardware luddite, software geek, playwright, music composer/creator, music lover, into public transit and walking. I file open source issues and publish my music. In San Francisco. Interested in promoting accessibility, equity and inclusion.

My Blog: https://ChasBelov.com My YouTube channel: https://YouTube.com/@ChasMusic

Posts 0
Comments 8
How to convince your team to migrate your Drupal 7 website to Drupal 10
  • @symfonystation Also more integrated multilingual support and the ability to do version control on site configuration.

  • Alt-text: How detailed does it have to be?
  • @jupiter_rowland ¡Ouch! Okay, so working within those limits, you could:

    1. Toot the first toot with the image and brief alt text.

    2. Toot a second toot with just the full image description.

    3. Edit the first toot to provide a link to the second toot.

    The issue about link text is not, to my knowledge, solvable within current Mastodon. I need to file an issue if one has not already been filed. Obviously, you can't do anything which is not supported by the Mastodon code.

  • Alt-text: How detailed does it have to be?
  • @jupiter_rowland @fediverse

    tl;dr: Clear and concise alt-text goes in the alt attribute. Full description of absolutely everything in the picture plus explanation if necessary goes on the linked page with the link being placed immediately following the text.

    Added: Be sure that link is meaningful, for example, "Alt text for image of the lighthouse control room" and not "Alt text for above image" since blind people will sometimes listen to a list of link text with no other context.

  • Alt-text: How detailed does it have to be?
  • @jupiter_rowland @fediverse And sorry if this is topic drift. Alt text is both easy and hard.

    Also, just so you know, I had to do this as separate posts because my server has a much smaller character limit than yours.

  • Alt-text: How detailed does it have to be?
  • @jupiter_rowland @fediverse And a reminder that an image of a table will be unfriendly to people on mobile devices. An HTML table can be reformatted for mobile by a website using Tablesaw, but an image of a table can't be reformatted.

  • Alt-text: How detailed does it have to be?
  • @jupiter_rowland @fediverse And that said, tables would best not have any joined or split cells, and have only one heading row. A 7 x 7 table needs to have 49 cells. While it is theoretically possible to construct a table with joined cells and complex headings, but the only tool I'm aware of for handling that is in Acrobat Pro, takes 45 minutes to teach, and is easy to mess up.

    #accessibility #AccessibilityTip

  • Alt-text: How detailed does it have to be?
  • @jupiter_rowland @fediverse Also, my understanding of WCAG 2 is that it requires a text equivalent be provided, not that the text equivalent always be in an alt attribute.

    In particular, if you are going to provide an image of a table (something I'm appalled by, but it happens), that definitely belongs in the linked page, not in alt text, so that blind people can navigate the table to their preference rather than experience it as a data dump.

    #accessibility

  • Alt-text: How detailed does it have to be?
  • @jupiter_rowland @fediverse

    As for stuff that would be beneficial to non-technical viewers, that belongs in the separate alt-text blog post, since most folks not using a screen reader won't get to see the alt text attribute contents.

    This is all my take as a sighted reader who needs to prepare and audit website content and who rarely uses a screen reader.

  • Alt-text: How detailed does it have to be?
  • @jupiter_rowland @fediverse I've wrestled with this over the years. Pictures of text is clear: it must contain all of the text. But in the situations you're describing, I'd say do enough to let the listener know if they want to learn more, then add a link to an alt-text blog post which gives the whole shebang. (I've heard varying reports that longdesc is inconsistently supported, so a separate link immediately below the image is best.)