WEB ACCESSIBILITY OF EDUCATIONAL WEBSITES: ANALYSIS OF SHORTCOMINGS AND IMPROVEMENT STRATEGIES
DOI:
https://doi.org/10.32782/mathematical-modelling/2024-7-2-21Keywords:
web accessibility, website, web accessibility testing, Axe DevTools, heatmap, HTMLAbstract
The importance of web accessibility for educational websites and institutions is particularly critical, as these resources serve as key information sources for students, educators, and prospective applicants. The inaccessibility of these sites can hinder equal access to educational materials, application processes, and participation in the learning process. This is especially relevant in the context of the increasing digitalization of education, where more and more learning materials and services are provided online. Ensuring web accessibility is a necessary condition for all users to have equal opportunities to access education and information. An analysis of the web accessibility of higher education institutions’ websites in the Odessa region using Axe DevTools revealed numerous issues that may affect the accessibility of resources for users with disabilities. The most common problems include the lack of visible text labels for buttons, failure to meet minimum color contrast requirements, and the absence of alternative text for images. The most problematic aspect was the semantic structure of pages, which affects the ease of navigation for users, especially those using screen readers. The issue related to the failure to meet the requirement that all page content should be contained by landmarks proved to be one of the most challenging, as fixing it requires a thorough review of the website’s structure. Landmarks help users who rely on assistive technologies to navigate the site more effectively. The absence of such landmarks can lead to significant difficulties in using the resource. The primary causes of such errors are the developers’ lack of awareness regarding web accessibility standards and the importance of semantic HTML markup. Even minor oversights, such as the absence of correct tags, can significantly impact the accessibility of content for certain user groups. This highlights the necessity of increasing developers’ awareness of accessibility issues, as well as implementing clear requirements for web accessibility in the development and maintenance of websites, especially those of government and educational institutions.
References
The Americans with Disabilities Act (ADA). URL: https://www.ada.gov (дата звернення: 10.08.2024).
Directive (EU) 2016/2102 of the European Parliament and of the Council of 26 October 2016 on the accessibility of the websites and mobile applications of public sector bodies. URL: https://eur-lex.europa.eu/eli/dir/2016/2102/oj (дата звернення: 10.08.2024).
Web Content Accessibility Guidelines (WCAG) 2.1. URL: https://www.w3.org/TR/WCAG21 (дата звернення: 26.07.2024).
Про схвалення Національної стратегії із створення безбар’єрного простору в Україні на період до 2030 року. URL: https://zakon.rada.gov.ua/laws/show/366-2021-%D1%80#Text (дата звернення: 11.08.2024).
Про інформацію: Закон України, прийнятий 2 жовтня 1992 року № 2657-ХІІ. Відомості Верховної Ради України. 1992. 13 лист. № 48. Ст. 650.
Інформаційні технології. Вимоги щодо доступності продуктів та послуг ІКТ: ДСТУ EN 301 549:2022 (чинний з 15.06.2022). Київ: Держстандарт України, 2022. 35 с.
Настанови з доступності вебвмісту (WCAG) 2.1. Авторизований переклад українською мовою W3C. URL: https://www.w3.org/Translations/WCAG21-ua (дата звернення: 11.08.2024).
Заклади вищої освіти. Реєстр суб’єктів освітньої діяльності. Заклади вищої освіти / Реєстр суб’єктів освітньої діяльності. URL: https://registry.edbo.gov.ua/vishcha-osvita/51 (дата звернення: 11.08.2024).
Axe DevTools. Developer Tools for Accessibility Testing. Deque. URL: https://www.deque.com/axe/devtools (дата звернення: 10.08.2024).