Abstract

New methods of identifying and fixing accessibility issues on websites are presented in this article. The websites taken into consideration by the research are created with content management systems (like WordPress or Joomla!). Our main goal was to develop different methods to improve accessibility that may be used by various user groups (website creators, operators, content editors). Some of our methods are easy to use, some need more proficiency. The three methods we have developed (CSS/SCSS class override, MVC-based extension override, HTML output override) are described in detail. The use of an already existing method (Data entry checking) is also introduced, as well as some development options of this method. Each method is introduced in general, furthermore an example of their usage is also presented. Using the proposed methods, websites can fulfil the recommendations of the Web Content Accessibility Guidelines (WCAG) in order to make the content of the websites more accessible.

Highlights

  • Nowadays, the Internet has become an integral part of people’s everyday life

  • Web Content Accessibility Guidelines (WCAG) cover a wide range of recommendations to make web content accessible to people with disabilities, including blindness and low vision, deafness and hearing loss, learning disabilities, cognitive limitations, limited movement, speech disabilities, photosensitivity, and combinations of these

  • Following WCAG will result in web content becoming more usable to users in general

Read more

Summary

Introduction

The Internet has become an integral part of people’s everyday life. People use it for communication, getting information about worldwide news and events, they use it to deal with their banking and other official affairs. In order to facilitate this process, the European Union obliges its member states to make sure that, after 23 September 2021, all public websites and mobile applications are accessible [5] This means that public websites must comply with [6] the level AA recommendations of WCAG 2.1. More than 60% of websites on the Internet [10] are running on a content management system (CMS) [11] and this rate is steadily increasing Their responsive design (e.g., using the Bootstrap framework) allows content on the website to fit properly on the display screen (e.g., widescreen monitor, tablet, mobile phone) This means that when the page is loaded, the framework checks the width of the display device used by the user, and automatically selects and loads the associated page structure.

Related works
Web accessibility testing with automated tools
Methods to repair accessibility problems
Description of the method
Example of use
Empty button 5 Empty button
Findings
Conclusions
Full Text
Published version (Free)

Talk to us

Join us for a 30 min session where you can share your feedback and ask us any queries you have

Schedule a call