sasha_feather: dolphin and zebra gazing at each other across glass (dolphin and zebra)
[personal profile] sasha_feather posting in [community profile] access_fandom
[personal profile] hope's post Nerdy PSA: Accessibility Tips for the Casual Coder is a good resource for how to make your blog or website more accessible for screen reader technology. Screen readers are tech that blind or sight-impaired people can use to read the internet (they read text aloud).

What I've done is bookmark this page and open it if I'm constructing a blog post in which I want to pay particular attention to access issues (say for instance one with images, but I try to do work on this generally, little by little). I also picked out a couple of things off hope's list of suggestions to work on, rather than tackling the whole list at once.

---

One in particular that I would like to see more of is descriptive links. Personally I'm much less likely to click on a link if I do not know where it will lead me.

So a non-descriptive link looks like: hey this is cool and pretty!

And a descriptive link looks like: Here is a cool photo on Flickr of some horses

The same link with a title tag: Photo of horses on Flickr (note how there is a text box that appears if you mouse over the link) ETA: See comments for why not to rely on title tags

Another thing to do is just tell the reader somewhere in your post where your links direct. For example. Hey, I like the movie Pitch Black (link goes to IMDB).

----

Here is the code for including a warning that is accessible for a screen reader. (Warnings are for posts/stories that have triggering content or triggering language).

(<a title="Skip this Warning" href="#skip">skip</a>)<span title="This is a spoiler. Highlight to read." style="color:#666;background-color:#666;">
Text-you-want-to-be-hidden-under-the-gray-bar
</span><a name="skip"></a>

which creates:
(skip)
Text-you-want-to-be-hidden-under-the-gray-bar



The "skip" link lets a speaking web browser stay silent about the warning.

(no subject)

Date: 2009-11-09 08:45 pm (UTC)
jadelennox: Senora Sabasa Garcia, by Goya (Default)
From: [personal profile] jadelennox
title tags can actually cause problems if people rely on them. They are invisible to keyboard-only users, for one thing, and invisible to most screen readers, which usually only pay attention to title tags in a few places, such as form controls. Screen readers can be configured to read title tags but rarely do out of the box.

(no subject)

Date: 2009-11-09 10:42 pm (UTC)
susanreads: my avatar, a white woman with brown hair and glasses (Default)
From: [personal profile] susanreads
I vaguely recollect that the <a name="skip"></a> doesn't work in all browsers; it's safer to include something (text or an image) before the </a>. I don't remember where I read that, though.

(no subject)

Date: 2009-11-13 07:59 am (UTC)
trouble: Sketch of Hermoine from Harry Potter with "Bookworms will rule the world (after we finish the background reading)" on it (Default)
From: [personal profile] trouble
Remind me when I'm awake - I've got a link to a web-based screen reader.

(no subject)

Date: 2009-11-13 01:23 am (UTC)
trouble: Sketch of Hermoine from Harry Potter with "Bookworms will rule the world (after we finish the background reading)" on it (Default)
From: [personal profile] trouble
This post could not have come at a better time, as I've got a post scheduled about this for Bitch on Monday. I shall link this, as well as the other things! :)

(no subject)

Date: 2011-11-07 04:38 pm (UTC)
boundbooks: Bright pink bleeding heart flowers on a tan background. (flower: bleeding hearts)
From: [personal profile] boundbooks
Thanks for the code! This is very useful. :)

April 2014

S M T W T F S
  12345
6789101112
1314 1516171819
20212223242526
27282930   

Most Popular Tags

Style Credit

Expand Cut Tags

No cut tags