5/20/2019
As mentioned in during Teacher Appreciation Week, the internet has allowed knowledge to become universally accessible across the entire world. But many need help taking advantage of this access to knowledge. Today, 360 Web designs will talk about what you can do to make your website more user-friendly.
Accessibility is only for a small number of users, right? Nope.
According to The Accessibility Experts in 2012, about 57 million Americans have some type of disability that could affect their use of computers. This can range from being unable to use their keyboard or mouse to not being able to hear audio. 57 million people is not a small amount, that is almost 19% of the U.S population. So it is important to not ignore making your site accessible.
Not only is this helpful for people with disabilities, certain additions to make your website more user-friendly can help those without it as well. There will be situations where you may not be able to access images because of slow internet in your area or audio for your computer/phone.
“Accessibility is essential for developers and organizations that want to create high-quality websites and web tools, and not exclude people from using their products and services.” –W3C on Accessibility
In regards to creating an accessible website, there is a term called “Semantic HTML’. This means that the elements you use to organize your web pages should have meaning to them.
For example, when coding a button for your site, you would use the tags <button>Click Here</button> instead of <div>Click Here</div>.When someone is using a screen reader, the tag <button> makes more sense than using <div> which is just a many purpose container.
HTML5 is the latest standard of HTML. It helps define web pages by having more specific naming conventions for containers that have images or are articles etc.
Obviously, if your site is already up and running, it would be frustrating to go back and have to change all your work to follow a new guideline. Don’t worry, there are other ways to make your site as accessible as possible that don’t involve changing your site’s innards.
Text alternatives, or alt-text
Whenever you post media files onto your site, you have an option to give it an “alternative” text. This helps your readers identify video, audio, and other files on your site because you can use the alt-text to describe those files. There are many uses for alt-text in images:
- Visually impaired readers use screen readers that will read alternative attributes like alt-text. This allows them to better understand the image on your page.
- Alt tags will display the text you wrote if the file didn’t upload properly. Maybe you linked it improperly, or the server hosting the image is down. The alt-text will describe the image in the image’s place.
- These alternatives also help provide descriptions used by search engine crawlers. So they can properly place it in the right searches when you look up pictures on google images and etc.
Compare this…
To this.
This means that not only do you have to write alt text, but it also has to explain your image well.
- Make sure your alt-text describes your image – don’t just call your picture “picture of a dog”. label it “Adult golden retriever running through the grass at a small park”. imagine yourself looking at the text without the image. Would your text show you a similar image? Just keep it under 125 characters.
- Keywords for SEO bonus – A good way to help increase search engine results is to give your images target keywords that boost it on a search engine. But make sure these words still describe your image.
- Don’t forget to include icons and buttons – although they aren’t “images” per se, there are some websites that use an image for a button, even if it’s just a rectangular shape with text in front of it. Call these buttons “subscribe”, “follow”, “share” instead of “button” when making your site more accessible.
There is a lot of information available on how to make your sites accessible. Not only will this help prevent the loss of possible followers and customers, but it will also help your site rank better for SEO. A good start is to make sure your images are accessible to all users, and it starts with just the alt-text.
Featured Image by xxolgaxx from Pixabay
