• Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • Services
    • New Website Development and Design
    • Website Updates, Maintenance, and Redesign
    • Web Consulting and Education
  • Portfolio
  • Website Tips & Resources
    • Articles on Websites and SEO
    • Successful Web Design Tips
    • Guide to Starting a New Website
  • About
    • Web Design Process
  • Contact

Adam Barkafski, Website Consultant

Websites for people who make a difference.

Adam Barkafski, Website Consultant

March 1, 2015 by Adam Barkafski

Improve Your Website Accessibility (Part 2)

What techniques can you employ to make your website more accessible?

Last month, I took a look at how you can plan your website to be available to the broadest audience possible. By separating what you really need your website to do from what would be nice to have, you should have identified the core functions of your website. Now that you’ve done that, what steps can you take to ensure that those core functions are available to as diverse an audience as possible?

Text alternatives

Not everyone who visits your website is able to see it as you or your web designer intended whether because of vision impairments, slow connection speeds, broken images, or other reasons. To assist in these situations, your web developer can code text alternatives for any images and sound files on your website.

How does this help? Well, individuals who are unable to see the site can have text read aloud to them through screen reader technology. Since images can’t be read aloud, text alternatives are used so that any information conveyed in the image is shared. Without it, these individuals miss out on this content. Of course, decorative images don’t need this because they don’t add to the meaning of the website, but if images are used instead of words on the website, the text alternative is a good back up.

Additionally, text alternatives for sound files is also important for people who may not be able to hear your website, whether through hearing impairments or being in an environment where sound is unavailable, perhaps at a public library computer.

A secondary benefit to text alternatives is that they provide search engines a way to know what your images and sound files are about since they cannot see or hear your website as humans can.

Semantic markup

Semantic markup is just a fancy way of saying that the code on your website should match the meaning of the information. Here are some examples of what that means:

  • headings are coded as headings
  • quotations are coded as quotations
  • items for emphasis are coded as bold or italics
  • information in tables is coded with proper columns and rows
  • forms are coded with labels that match each form field

Many times, these are coded correctly. But if you are coding something as a heading just because you want it to appear big and bold, you should know that screen readers are telling their users that this is a heading, and if it’s not, your site visitors may be confused. Whether your designer codes for you or you are using software like WordPress for your website, remember to code your text appropriately to the content.

An eye for color

Colors aren’t rendered identically from one screen to the next, so your website’s colors won’t always be consistent, either. So while you may need to give up perfect color control, you should also make sure to never communicate any information exclusively by color. Your site visitors who are colorblind will appreciate this. For example, links should never be differentiated by color alone; you can also underline them as well.

While we’re discussing color, it’s also important to make sure that there’s plenty of color contrast between text and its background. Two shades of green on top of each other may be difficult for some people to differentiate.

You can try an online color tester for your website to see how you’re doing.

Links

It’s been popular for years for links to simply read, “click here,” as in, “For more information, click here.” However, for individuals using a screen reader and skipping through to links, that doesn’t help very much if read out of context. It might be more helpful to phrase the entire link with more context clues such as, “Learn more about our kitchen design services here.” This makes very clear what’s behind that link if it’s read out of context. Two bonuses for greater context in your links are that they give better clues to search engines what that link is for, and since it’s a longer link, it provides more area to click on, which can be especially helpful on small mobile device screens.

Additionally, people who are unable to use a mouse to click on links may use the TAB key to click through links. While this won’t pose a problem on many websites, some others are coded with lots of “hidden” links and form fields that don’t appear on the screen, so they break the ability to use the TAB key effectively. Good coding by your web developer will ensure that this works properly.

Use common sense

While many of these techniques are specific to what web developers and coders do, you as a website owner or manager can do your part by checking with your developer to ensure that accessibility best practices are followed. Additionally, if you update your own website through a platform like WordPress, you can use its tools as they were intended to be sure that the proper meaning is conveyed on your site. A little forethought for how to make your site as easy to use and understand as possible will go a long way to increasing accessibility for all.

Filed Under: Web Design and Hosting Tagged With: Accessibility, Usability

About the author

Adam Barkafski has been designing websites since 1998. He founded Dream Seed Multimedia in 2006 to offer affordable web design specifically for small businesses and nonprofit organizations. Since 2016, Adam works exclusively with WordPress websites for individuals who seek to make a positive difference.

Primary Sidebar

Need a new website?

Click here to learn what you need to do!

Articles to Help Improve Your Website

  • Internet and Technology
  • Marketing
  • Search Engine Optimization and Website Marketing
  • Web Design and Hosting

Footer

I’m ready to help

Let's start your new website.

What people are saying

  • My needs and preferences were thoroughly assessed and listened to, which made drafts and concepts right the first time and made the whole project flow smoothly.
    Lori Baer, Writer
  • Adam, you are great! You listened to what we wanted, and you produced it. We are extremely happy with the website! We will definitely come to you for all our website needs.
    Ronda Brubaker-Brooks, Beaver Creek Farm Cabins
  • Adam took the time to learn my business and to answer all my questions to help me learn how my website operates. Great job! Thanks!
    Bob Sims, Steel Expressions
  • You taught us so much, but the biggest thing was holding our hands through the process! You were awesome! We get great reviews on our website.
    Jody Sambrick, Red Rose Coffee Roasters
  • I truly felt my website and my business were as important to Adam as they are to me.
    Lori Baer, Writer
  • It has been a pleasure working with Adam. All my questions were always answered and our requests completed. Customer service is excellent, and the overall experience was very positive. We will definitely refer Adam to our coworkers and friends!
    Evelyn Billings, Billings Bilingual
  • Adam treats me like a friend and always takes the time to listen to me and understand my needs. I never feel like I have only two minutes to say what I need to.
    Linda Fisher, Wings of Angels
  • Thank you so much for your hard work and keeping our website up to date. We are so fortunate to be able to do business with you!
    Nadinne Ziegler, Unitarian Universalist Church of Lancaster
  • You worked hard to fit my needs when others proposed more expensive unneeded elements. Thanks for all your hard work and advice. You do an excellent job!
    Lance Noel, Spinning Moon Press
  • Not only has Adam been extremely helpful during the building of our site and in helping us to maintain it, but he has gone out of his way to provide ongoing assistance, tips, and education designed to help us succeed.
    Jennifer Murray, Bournelyf Special Camp
  • Adam’s professionalism and clear communication throughout the project made for an efficient and effective web development process.
    Lori Baer, Writer
  • You helped me through some confusing decisions and pointed out some important considerations that I hadn't thought of. I've gotten nothing but positive comments on the site. Thank you!
    N. Dianne Gadbois, Hana Bento
  • I am so impressed with Adam’s communication and can-do attitude! This project was a complete success, and I am so happy with the end result!
    Barbara Hostetler, HostetlerBenefits
  • You do create something from nothing, or at least from just a sketch on a page and create something ‘magical.’ You’ve taken our website ideas and made them come to life, and I just can’t thank you enough!
    Karen Mann, Grace United Church of Christ
  • No problem is too large or small…thank you for finding an answer to them all!
    Michelle Miller, Wheatland Custom Homes
  • Adam Barkafski is SUPER DUPER who is very interested in learning about his clients, their likes and dislikes. Working with Adam to create a website for my church was so easy. He is fun to work with and has some very good ideas and suggestions. Website updates are done very quickly. HIGHLY RECOMMEND!
    Karen Mann, Grace United Church of Christ

Get in touch

  • Adam Barkafski, Website Consultant
  • Adam Barkafski
  • Email here
  • business 717-723-8680
  • P.O. Box 423
    Smoketown, PA 17576 United States

More

  • Home
  • About
  • Contact
  • Privacy
  • Site Map

Copyright © 2021 Adam J. Barkafski and his licensors. All rights reserved.