Webpage Accessibility.
Hey there. I was thinking about how I needed to make the image in my last entry accessible. When I say accessible I mean accessible to disabled people, like making it so that screen readers (programs designed to read webpages out loud) can help people with visual impairments to view websites.
Also I’ve been thinking about accessibility because its a subject that comes up at university pretty often. I’m doing multimedia which means I’ve taken a few website design and programming courses.
I’m doing some pretty intense web programming this semester actually.
I’ve got an assignment at the moment where making the website accessible gives us a sizable portion of our grade.
Accessibility is good. If people don’t pay attention to accessibility it makes things a whole lot harder for people with disabilities to get around on the internet.
There are all kinds of things that can make websites inaccessible. Like, using a flash menu where you have to click the mouse and can’t use the keyboard. That could make things difficult for people with mobility issues.
Using low contrasting colours can make things a pain etc.
Y’know, disabled people have as much right to the online world as we do but if people making web content aren’t paying attention to this shit then they’re just not able to access the information out there.
It’s not like able bodied people are out to exclude disabled people.* Mostly its just an extension of privilege. We don’t think about the needs of disabled people because we don’t experience having those needs. We don’t see what they need unless we’re paying attention.
Here’s some sites listing accessibility guidelines:
W3C Web Content Accessibility Guidelines 1.0
These guidelines were created by the W3C folk. I can’t remember at all what W3C stands for, but these people are important on the internet. They set HTML standards and shit.
Their guidelines are very strict and fufilling all of it could be difficult/time consuming if you are a web developer, which most people aren’t. This isn’t the latest version of their guidelines I don’t think.
508 Standards, Section 1194.22
These are some guidelines for the level of accessibility required on gonvernment sites. I assume these standards apply in America but their information is good.
These standards are a bit more relaxed. There are good descriptions for every requirement. I can’t really say what it’d be like to read for people who aren’t all up ins on web development being as I’m into this web development stuff quite a bit, but I find this document very easy to read and understand.
Now I know that most folk aren’t web developers, but there’s something simple everyone should be able to do - and thats providing text alternatives to things that aren’t text, like images and video.
One of the simplest things people can do is use alt tags on their images. For example the HTML for an image without an alt tag might look something like this:
<img src=”image.jpg”>
To make this accessibile you can just throw in an alt tag. (Alternative text tag) to add a description to the image. Doing that would look like this:
<img src=”image.jpg” alt=”This is a description of the image - well really its an explanation of an alt tag but you get the point”>
If you’re on wordpress I don’t think they actually show images if there’s no alt tag at all. When you click the image button to put an image in it comes up with a text box asking you to fill in a description. The description is what goes in the alt tag. If the image is used for more then decoration, and is used to illustrate some sort of point or convey any information then it’s important to fill those tags in and give the descriptions.
It’s terribly simple and does so much for accessibility.
I came across some pages to help test the accessibility of a website.
juicystudio
cynthiasays
I ran every website in my blogroll through the last one (cynthia says) testing for the section 508 requirements.
3 out of the 15 pages linked on my blogroll failed the first section, the one about providing text alternatives to non text elements. (Most but not all of the other sections were passed by all of the blogs on my list, likely because of the way wordpress sets things up.)
Some of that failure might be the part of wordpress. I didn’t really look into which templates had what etc, because this was meant to be all very quick.
At any rate - adding alt tags is easy. I also tend to provide transcripts of video that I upload, though that is more time consuming. These are simple things most of us can do. I mostly thought I’d make a post about this because I only found out about this accessibility stuff after going to uni and doing web development courses. There are things every day users, like bloggers can do and p’raps not everybody knows about them.
Hopefully more people might be aware of accessibility issues now, or might know where to do to get the guides and whatnot. I hope to have helped somehow…
*Though they’re often not out to help them. When accessibility gets brought up in class lecturers usually coach it in terms of “You might not want to put in the effort for disabled people or care about social justice issues but it’s illegal if you don’t design your sites so they’re accessible.
My brother is going into web development and I told him about accessibility. He got angry and said that it made him want to go out and kick a disabled person in the head for making him have to do extra work. >.<
I’ve seen a bunch of pages trying to coax web developers into following accessibility guidelines by saying “It doesn’t just help disabled people, it also helps your search engine optimization or it makes websites accessible on portable devices” because you know. The minority of people accessing your website on portable devices are more important then disabled people.
Or something. >.<