Skip to Content

AFBAmerican Foundation®
for the Blind

Expanding possibilities for people with vision loss

Making my webpage accessible

Hi,
I need simple help on making my webpage accessible for those with screenreaders.
I know very little HTML & other sites on the internet were confusing.
www.deafblindconfessions.com
"Confessions of a Deafblind Mother"
Thanks!


There are currently 7 replies

Sort Replies Oldest to Newest


Re: Making my webpage accessible



Crista"s reply should be the basis of an article under AFB "Advice to web publishers". Here it will only be found by the persistent.


Accessible website



I am working on a website as well and would like to make it as accessible as possible. I am using html with embedded javascript and css built in. How do I make frames more accessible? I want to label the buttons as well so they correspond with the text beside, similar to what you see in device manager type of layout with plus signs that open up submenus.Re: Making my webpage accessible


Re: Making my webpage accessible



Rusty_Coyote, you can see I'm slow.

I just realized the link you included in your original post was the link to your site-- for some reason I thought you meant it to be a link to a confusing site.
But, since the link doesn't work, I just skipped it..

OK, here's what I think will be a working version of the link to your site:
http://www.deafblindconfessions.com


Re: Making my webpage accessible



Oh, sorry, I put H1 and /H1 tags around "War and Peace" in that message, forgetting that the message board would treat it as real HTML.

OK, well, use the less than symbol, then H1 then the greater than symbol to start the heading.

Rusty_Coyote, is your site already up? Can you give us the URL so we can go take a look? Or, maybe you can tell us the tool you're using. Is it a platform like WordPress or something?


Re: Making my webpage accessible



Hi, Rusty_Coyote and Michelle

I'm the Director of the web site here at AFB.

There are a number of things you can do. I'll get started, and if you can answer some questions about your site, that will help me be more specific.

First, don't use a CAPTCHA. What's that, you ask? That's one of those things that asks you to type in the fuzzy characters. They are designed so that a robot can't read them, but that means that lots of people can't read them either, and it means that a screen reader can't do anything with them. So, if your web site has such an option, don't use it.

Second, make sure you label your graphics. If you're using images of text, or nice icons for your navigation, be sure to use the alt tag to indicate the purpose of the link.

What's an alt tag? It's an HTML thing that lets you put the label on the image. So, you might put

Alt="Home Page - Rusty_Coyote Logo"
If your logo was taking users to the home page.

OK, one more tip, since it's Friday night:

Use structure. What's that, you wonder? For example, if you had an article, and it had sections, you might put headings in the article to indicate the main title, then the subtitles. If you put the headings in by coloring them, say, or making some bigger than others, then visually people might understand the structure, but a screen-reader user would miss those details. Likewise, someone viewing your page with a cell phone would miss some of those details.

So, instead, use the correct structure HTML
H1 goes in front of the main heading, and
/H1
Goes after. Enclose the HTML in angle brackets < >
So, you might have

War and peace


Chapter 1


Screen-reader users can use commands to move around your article by heading. It's a huge, huge help for people to understand your site.

Headings aren't the only type of structure you can use. Tables are great when they're used correctly. Lists are also a form of structure that is very useful.



Re: Making my webpage accessible



All the website could tell me is that it uses Ajax Crawling to access website source code
Sorry...newbie here :)


Re: Making my webpage accessible



Hi Rusty_Coyote,
I'm not an expert here, but I know that other coding languages are accessible for screen reader users. What coding language are you using for your websie?
- Michelle, AFB intern


Log in to Post a Reply