Skip to main content

Web Accessibility Tips

Web Accessibility Tips
Veli Akçakaya
Veli Akçakaya
5 min. read
Web Erişilebilirlik İpuçları

There may be other things you need to optimise on your website, such as accessibility features. All it takes is a little bit of extra time and effort to get as many visitors to your site as you want.

For example, have you ever thought about making your website accessible to people with disabilities? As it is known, 29.9% of Turkey's population consists of disabled people. The fact that your website is easily accessible and usable by the disabled will increase your accessibility on the web and will enable you to get a share of visitors from this 29.9%.

When a visually impaired person visits your website, he/she has to use screen readers to benefit from the content. Many webmasters use on their sites blogs that describe the short summary of the content they use on their sites and the continuation buttons added underneath will be read continuously in the screen reader as more... more. Continuous continuation without knowing what it is ... continuation words will probably annoy visitors. This will cause the visitor to get bored and leave the site and look for what he wants elsewhere.

In order to get rid of this problem completely, a small piece of code actually does the job.

<a href="/">Read more <span class="Readmore"> [site] Blog</span></a>

Read more CSS class should contain codes that are invisible to normal users but audible to users using screen readers. In this way, your site will be useful for visitors using screen readers.

Accessibility in Pictures

Developers, do you use the alt tag for images on your web pages? Many of those who use this tag do not care about this tag and enter short short words so that they do not disrupt SEO compatibility. If you enter the text describing that picture in your alt tag, you will give detailed information about the picture to the visitor who comes to your site with a screen reader and increase your accessibility.

Accessibility in Forms

You have a member login form on your website and some fields are mandatory in order to continue. When the user passes these fields empty, many websites warn that the field is mandatory with a red or other colour exclamation next to that field. This is a very useful thing for a normal visitor. But have you ever thought about someone who is visually impaired or colour blind? You give the colour you want, someone with a visual problem will not be able to perceive it. A user who cannot log in or go beyond that form will leave the site and will not visit it easily again, even if he hears the site in the search engine ranking in another search.

The solution is easy. Writing warning text about that field instead of giving exclamation marks will completely eliminate this problem. Thanks to the screen reader, they will be able to hear that the field is mandatory and fill that field.

Accessibility of Error Messages

Your visitors filled in any form at the bottom of your web pages and sent the form to the server for processing. An error occurred and you indicated this error to the visitor on the side of the form. Have you ever thought about the visually impaired visitor while locating the error message? Screen reading will have to read the whole page again to read this error message and the user who is bored with these processes will leave your site.

The solution is to give error messages at the top of the site. In this way, screen readers will read this error first and visitors will be able to learn where they made a mistake without wasting time.  This will make your site useful and accessible.

Our Offices

Drupart Locations

Our Officess

London

151 West Green Road, London, England

442038156478

[email protected]

Drupart R&D

GOSB Teknopark Hi-Tech Bina 3.Kat B3 Gebze - KOCAELİ

+90 262 678 8872

[email protected]

Newark

112 Capitol Trail Suite, A437 Newark DE, 19711

+17406666255

[email protected]

Wiesbaden

Hinterbergstraße 27
65207 Wiesbaden
Deutschland

+49 (0) 6151 – 492 70 23

[email protected]