Making your web site accessible



Keep in mind the needs of disabled visitors when you are designing your web site, especially for those who are blind or partially sighted

Besides keeping your web site focused, it is also import to consider accessibility. Some of the people who visit your web site will be suing different monitors that yours or running it at a different resolution. More importantly, however, some users will have poor eyesight or even completely blind. How do you ensure that your web site is user-friendly to people with these limitations?

You might need to make some changes to the way you code your site to sthat you don’t alientat this group of users. It is possible that they may be using a screen reader which reads the words out loud. Some screen readers are more advanced than others but in all cases you should do your part to help your web visitor. Stick to the guidelines given here as well as clean HTML and CSS and your web site should be more accessible.


This is one of the most challenging aspects of your web site to your users with disabilities. If you use Flash or JavaScript for your navigation bar, screen readers may ot be able to interpret the links. An easy alternative is to use CSS.

Users may also want to increase font size or remove the display of images (text-only) to make your web pages easier to read. If you use images for your navigation but any text embedded with them will not be able to be read by the screen reader.  The easiest way to fix this is to always use the <alt> tag for every image. For example if you designate a little house icon for your home page or even have the word “home” embedded in the button so it is no longer text, the screen reader can’t “see” it. If, however, the tag for you image is <img alt=”link to home page” …> the screen reader can describe the image to the user with disabilities. Also when images are turned off in the browser the alternate text will be displayed.

Also be careful in using tables in your page design. Screen readers often have difficulty understanding them. Tables can be made accessible by keeping them simple and not using empty cells.


You can also provide short cuts to navigate your site by including the accesskey attribute in your links. For example, <a href= accesskey=”H”> lets the user press Alt or Ctrl plus H to follow the link to your home page. Don’t try to do this for all of your links — just for the main navigation bar. JAWS, the most popular screen reader, can read Accesskeys aloud allowing users to access pages more quickly.

Another attribute to add to links is <title>. This will indicate to the user the destination of the link.

Using the right colors is also important for navigation. There are many people who are color blind. Tools such as will simulate how your web site pages appear to someone who is color blind.

There are also tools to help you check to be sure your web site adheress to the Web Accessibility Initiative (WAI):

About the author 

Lisa McMahon

Lisa has been involved with the Internet since 1995. Lisa's first web sites were developed in 1996 ( and Besides designing websites, she has also done some programming, project management and the webmaster for a large corporation. Lisa loves to teach and has been privileged to teach hundreds of students across the US and even at a conference in the Dominican Republic. She has been interviewed by the Richmond Times Dispatch as well as several Southern Baptist State Convention publications. Lisa loves to travel and learn new technologies. She hopes to one day live overseas. Her hobbies include singing, reading, gardening, cooking/baking, and playing the flute.

Leave a Reply

Your email address will not be published. Required fields are marked

For security, use of Google's reCAPTCHA service is required which is subject to the Google Privacy Policy and Terms of Use.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
Subscribe to get the latest updates