Design and Development Model of a Web Accessibility Ecosystem
Abstract
:1. Introduction
2. Guidelines, Accessibility Standards, and Stages in Building a Website with Ecosystem Functionalities
Related Work
- Visually impaired or blind users;
- Hearing-impaired or deaf users;
- Users with physical disabilities;
- Users with cognitive disabilities;
- Users with reading or learning difficulties.
- Project Description—Defining the aims and keywords, description of the characteristics of the target audience and the groups of visitors, including people with different disabilities and limitations, content strategy and resources, technologies that will be used, and development steps.
- Accessibility Requirements Research—Rules, standards, laws, practical advice and recommendations, comparative analysis of tools, themes, and plugins, and analysis of highly accessible sites.
- Planning the Content, Functionality, and Design—Systematization of good practices and important functionalities, creating accessibility documentation, planning content structure and headings, color scheme, typography, components, templates and navigation, user paths, and optimization planning.
- Development of Design and Functionalities—Implementing functionalities, installation and customization of plugins and themes, personalization of CSS styles, organization of text translations in theme and plugins, and security.
- Adding Content—Construction of information architecture and site map, posts and pages, alternative versions of the content (texts, subtitles, descriptions), and content protection.
- Testing the Logical Sequence of Elements on a Page—Device (screen readers, keyboard controls, etc.) usability and accessibility, multimedia, link colors (contrast, readability, color blindness), user experience security test. Automated testing using specialized analysis tools and manual user testing with the participation of the various focus groups are conducted. After each test, there is an analysis of the test results, a correction in accessibility strategy and functionality, and retesting.
- Maintenance and Updating—Accessibility and new practices and standards, design, functionalities, and content, with an accessibility rating of the new elements’ efficiency and optimization analysis of information from user feedback.
3. Accessibility of Design and Functionalities of the AB Ecosystem
- Any non-text content should be accompanied by a text alternative as a description of that content. This applies to elements such as images, icons, videos, and picture buttons, and the added text must be short, understandable, sufficiently meaningful, and maximally descriptive in relation to non-textual content.
- Large platforms that cover different aspects of a given issue often contain multiple media elements. It is necessary to add subtitles to audio and video information and options for visitors to choose between media types, subtitles, and text, further describing important visual details of the media content.
- Media alternatives should be clearly marked as such to make it easier for visitors and programs to read content.
- Color contrast in design should help distinguish certain web elements, with a more significant role for non-visually impaired visitors, and, thus, generally increase the usability of web content. At the same time, people who have visual impairments should also have access to this distinction, but not on the basis of color.
- Research color schemes and their impact, as well as the requirements for sufficient color contrast of textual elements, and increase their importance in the design of the graphic elements of an ecosystem. It is necessary to build a common model of such elements and an alternative mechanism for presenting text for people with different types and degrees of visual impairment.
- A mandatory element for a successful site is the functionality of choosing the font size of the text. This is achieved with text scaling tools and through design that adapts to the different sizes of visitors’ devices (Responsive Web Design) and is embedded in most web design techniques and programs. This should not compromise the quality of web content or user experience. The horizontal scroller and the small line spacing in longer text paragraphs have a strong negative effect on it.
- It is accepted and expected by users to have images added to any textual information for illustrative purposes. Very often, they do not bring any additional information to the visitors but only enhance the visual experience, and for this reason, their removal would not be justified. They need to be marked as decorative in order to be counted by assistive technologies.
- All functionalities should provide control of the content from the keyboard. When using reading programs, it is recommended to achieve a high level of efficiency and, particularly, a good user experience for blind visitors.
- An important principle in UX/UI design is the handling of user errors. Errors should be prevented, expected, clearly marked, and given the opportunity to refuse or correct the wrong action. Descriptive error texts can be contextual or positioned at the top of the content and should make it as easy as possible for the user to understand the problem and act. Sections with tips or frequently asked questions also help the user.
- Compliance with the four principles of the WCAGs and the relevant guidelines and criteria for success of the standard.
- A site settings panel designed for visually impaired visitors that can change the font size, increase the contrast of colors used, highlight links, replace text fonts with readable font, switch from a dark to light color scheme, convert color images in black and white (monochrome), additional marking of links or titles, switching to a mode for viewing the site without applied styles or mode with text only, mode without animations, text alignment settings, line and letter spacing, color and cursor size, screen ruler and focus mode (reading mask) or reading mode, control over the design and size of icons and buttons, etc.
- Tools to make it easier for the web designer to create an accessible site that can remove unlabeled links, check for added alt text on images, option to turn off title attribute for links, add role attribute to links, create accessibility compliant forms, storing and reusing color combinations, accessible texts and components, accessibility monitoring, etc.
4. Accessibility of Structure and Content of the AB Ecosystem
- The arrangement of the content of the pages should correspond as much as possible to its markup in the code of the web pages, implemented through sections, subsections, headings, and nested subheadings.
- The arrangement should also be consistent with the priority of the elements in a web page such that elements related to the management of the available functionalities are at the highest position. An important UX principle is visual hierarchy, determining the arrangement of elements in the flow of content according to their importance.
- Web pages with longer content should start with the structured content of links to sections and subsections. This would make it easier for all visitors to find what they are looking for.
- Functionalities to hide and show content elements would give a comprehensive view of the text structure but could also save time when reading with a program or keyboard control.
- The structuring of the web content also refers to the precisely chosen names of titles and subtitles, link labels, and menus. They must, above all, be clear and concise, comprehensible, and unique to ensure easy orientation of all visitors and to avoid confusion and dissatisfaction from a wrong choice and, accordingly, a bad user impression. Adding additional short explanations in the form of tooltips where appropriate will guide those users who are unsure of understanding the short titles and give them additional confidence in their own ability to control their access to content.
- Accompanying the determination of the structure of the content and its distribution in individual web pages is the planning of the navigation and its adaptation to the different preferences and needs of the visitors. In some cases, it is advisable to duplicate links and paths to reach a given content. Less commonly used but faster ways to identify the information sought are building and maintaining an ecosystem map, quick links in the footer, and a section in a post with a list of contextually related pages.
- Good structuring of content, combined with more simply presented information, can contribute to easier understanding and uptake of information by all types of users. Facilitations are glossaries added as links or tooltips, summarized content as a link to the full text, definition of abbreviations, infographics, and versions of the content using simplified language (for beginners, people with learning difficulties, or people with insufficient knowledge of the language on the site).
- Avoiding long paragraphs and long sentences will lead to a better understanding of the text by people with cognitive difficulties and, thus, to a higher level of satisfaction for this group of visitors.
5. AB Ecosystem Model and Element Realization
- The content and structure are in a format that is tailored to most groups of visitors; for example, the texts are written clearly and comprehensibly, a structure is introduced in sections with headings and sub-headings, a color scheme is selected with sufficient contrast, there are descriptions of the multimedia elements, and they are visible to the reader programs, added subtitles to the sound and video files, etc. According to their needs, visitors have a choice of what and how to get acquainted; for example, watch and listen to the video, watch and read the subtitles, hear the sound and descriptions of the video, and get acquainted with the additional explanatory information.
- The design allows individual settings according to the wishes of each visitor—readable font, content scale, title and link marking, color settings, mute, focus, cursor settings, etc.
6. Conclusions
Discussion of Limitations and Future Research
Author Contributions
Funding
Informed Consent Statement
Data Availability Statement
Conflicts of Interest
References
- Rix, J.; Garcia Carrizosa, H.; Seale, J.; Sheehy, K.; Hayhoe, S. The while of participation: A systematic review of participatory research involving people with sensory impairments and/or intellectual impairments. Disabil. Soc. 2020, 35, 1031–1057. [Google Scholar] [CrossRef]
- ARCHES. Accessible Resources for Cultural Heritage EcoSystems, (n. d.). Available online: https://www.arches-project.eu/ (accessed on 1 April 2024).
- Accessibility by Design. Available online: https://www.chhs.colostate.edu/accessibility/ (accessed on 1 April 2024).
- Murillo-Morales, T.; Miesenberger, K. Ontology-based Semantic Support to Improve Accessibility of Graphics. Stud. Health Technol. Inform. 2015, 217, 255–260. [Google Scholar] [PubMed]
- Kultsova, M.; Potseluico, A.; Dvoryankin, A. Ontology Based Personalization of Mobile Interfaces for People with Special Needs. In Creativity in Intelligent Technologies and Data Science; Kravets, A., Groumpos, P., Shcherbakov, M., Kultsova, M., Eds.; CIT&DS 2019. Communications in Computer and Information Science; Springer: Cham, Switzerland, 2019; Volume 1084. [Google Scholar] [CrossRef]
- Sanchez-Gordon, S.; Luján-Mora, S. Web Accessibility Requirements for Massive Open Online Courses. Can MOOCs be really universal and open to anyone? In Proceedings of the V Congreso Internacional sobre Calidad y Accesibilidad de la Formación Virtual (CAFVIR 2014), Antigua Guatemala, Guatemala, 14–16 May 2014. [Google Scholar]
- Abdellaoui, H.; Ben Mohamed, M.A.; Bacha, K.; Zrigui, M. Ontology based description of an accessible learning object. In Proceedings of the Fourth International Conference on Information and Communication Technology and Accessibility (ICTA), Hammamet, Tunisia, 24–26 October 2013; pp. 1–5. [Google Scholar] [CrossRef]
- Nganji, J.T.; Brayshaw, M.; Tompsett, B. Ontology-driven disability-aware e-learning personalisation with ONTODAPS. Campus-Wide Inf. Syst. 2013, 30, 17–34. [Google Scholar] [CrossRef]
- Elias, M.; Lohmann, S.; Auer, S. Towards an Ontology-based Representation of Accessibility Profiles for Learners. In Proceedings of the Second International Workshop on Educational Knowledge Management co-located with 20th International Conference on Knowledge Engineering and Knowledge Management (EKAW 2016), Bologna, Italy, 19–23 November 2016; pp. 51–59. [Google Scholar]
- Elias, M.; Lohmann, S.; Auer, S. Ontology-Based Representation of Learner Profiles for Accessible OpenCourseWare Systems. In Knowledge Engineering and Semantic Web. KESW 2017; Różewski, P., Lange, C., Eds.; Communications in Computer and Information Science; Springer: Cham, Switzerland, 2017; Volume 786. [Google Scholar] [CrossRef]
- Digital Accessibility—GOV.UK. Available online: https://www.gov.uk/government/digital-accessibility (accessed on 1 April 2024).
- Bundesfachstelle Barrierefreiheit. Available online: https://www.bundesfachstelle-barrierefreiheit.de (accessed on 1 April 2024).
- The Americans with Disabilities Act|ADA.gov. Available online: https://www.ada.gov/ (accessed on 1 April 2024).
- AB Project Team. Publications—Digital Accessibility for People with Special Needs Project. Available online: http://www.math.bas.bg/vt/ab/publications.php?lang=en (accessed on 1 April 2024).
- Bogdanova, G.; Sabev, N.; Todorova-Ekmekci, M.; Noev, N.; Sotirova-Valkova, K.; Todorov, T.; Tomov, Z. Digital Accessibility for People with Special Needs: Research, Methodology, Analysis of Accessibility. Cult. Hist. Herit. Preserv. Present. Digit. 2022, 8, 268–294. [Google Scholar] [CrossRef]
- Dimitrova, M.; Bogdanova, G.; Noev, N.; Sabev, N.; Angelov, G.; Paunski, Y.; Todorova-Ekmekci, M.; Krastev, A. Digital Accessibility for People with Special Needs: Conceptual Models and Innovative Ecosystems. In Proceedings of the 2023 8th International Conference on Smart and Sustainable Technologies (SpliTech), Split/Bol, Croatia, 20–23 June 2023; Institute of Electrical and Electronics Engineers (IEEE): Piscataway, NJ, USA, 2023; pp. 1–5. [Google Scholar] [CrossRef]
- Bogdanova, G.; Sabev, N.; Tomov, Z.; Ekmekci, M. Physical and Digital Accessibility in Museums in the New Reality. In Proceedings of the 2021 5th International Symposium on Multidisciplinary Studies and Innovative Technologies (ISMSIT), Ankara, Turkey, 21–23 October 2021; pp. 404–408. [Google Scholar] [CrossRef]
- Todorova-Ekmekci, M. Using Innovative Technologies, Digital Media and Site Tools For Presentation and Sustainable Preservation of Cultural Heritage. In Proceedings of the 2021 5th International Symposium on Multidisciplinary Studies and Innovative Technologies (ISMSIT), Ankara, Turkey, 21–23 October 2021; pp. 135–140. [Google Scholar] [CrossRef]
- Dimitrova, M.; Wagatsuma, H.; Krastev, A.; Vrochidou, E.; Nunez-Gonzalez, J.D. A Review of Possible EEG Markers of Abstraction, Attentiveness, and Memorisation in Cyber-Physical Systems for Special Education. Front. Robot. AI 2021, 8, 715962. [Google Scholar] [CrossRef]
- World Health Organization. Disability. Available online: https://www.who.int/health-topics/disability (accessed on 1 April 2024).
- Consilium. Disability in the EU: Facts and Figures. Available online: https://www.consilium.europa.eu/bg/infographics/disability-eu-facts-figures/ (accessed on 1 April 2024).
- CDC. Disability Impacts All of Us Infographic. Available online: https://www.cdc.gov/ncbddd/disabilityandhealth/infographic-disability-impacts-all.html (accessed on 1 April 2024).
- World Wide Web Consortium. Introduction to Understanding WCAG 2.0. Available online: https://www.w3.org/TR/UNDERSTANDING-WCAG20/intro.html#introduction-fourprincs-head (accessed on 1 April 2024).
- W3C Web Accessibility Initiative (WAI). WCAG 3 Introduction. Available online: https://w3.org/WAI/wcag3 (accessed on 1 April 2024).
- WordPress. Best practices Make WordPress Accessible. Available online: https://make.wordpress.org/accessibility/handbook/best-practices/ (accessed on 1 April 2024).
- Salonen, V.; Karjaluoto, H. Web Personalization: The State of the Art and Future Avenues for Research and Practice. Telemat. Inform. 2016, 33, 1088–1104. [Google Scholar] [CrossRef]
- Castellano, G.; Lakhmi, C.J.; Fanelli, A.M. Web Personalization in Intelligent Environments; Springer: Berlin/Heidelberg, Germany, 2009. [Google Scholar]
- AB Project Team. Accessibility Ecosystem. Available online: http://ab.math.bas.bg/ecosystem (accessed on 1 April 2024).
- We Count. Available online: https://wecount.inclusivedesign.ca/initiatives/the-accessibility-ecosystem-proposal/ (accessed on 1 April 2024).
- Accessible Digital Learning. Available online: https://accessibledigitallearning.org/resource/ecosystem/ (accessed on 1 April 2024).
- Center for Applied Special Technology. Available online: https://www.cast.org/ (accessed on 1 April 2024).
- WPBeginner. 2024’s CMS Market Share Report—Latest Trends and Usage Stats. Available online: https://www.wpbeginner.com/research/cms-market-share-report-latest-trends-and-usage-stats/ (accessed on 1 April 2024).
- AppMySite. CMS Market Share: Top Trends and Usage Statistics. Available online: https://www.appmysite.com/blog/cms-market-share-top-trends-and-usage-statistics/ (accessed on 1 April 2024).
- WebMan Design. Reykjavik Accessible WordPress Theme by WebMan Design. Available online: https://www.webmandesign.eu/portfolio/reykjavik-wordpress-theme/ (accessed on 1 April 2024).
- WordPress.org. Accessibility. Available online: https://wordpress.org/support/forum/accessibility/ (accessed on 1 April 2024).
- Bogdanova, G.; Todorov, T.; Noev, N.; Sabev, N.; Chehlarova, N.; Todorova-Ekmekci, M.; Krastev, A. An Ecosystem for the Provision of Digital Accessibility for People with Special Needs. Information 2024, 15, 315. [Google Scholar] [CrossRef]
- wpexplorer.com. How to Make WordPress Accessible for Vision-Impaired Users. Available online: https://www.wpexplorer.com/wordpress-accessible-vision-impaired/ (accessed on 1 April 2024).
Ecosystem | Similarities | Differences |
---|---|---|
ARCHES [2] |
|
|
Center for Applied Special Technology [31] |
|
|
Accessible Digital Learning Portal [30] |
|
|
The Accessibility Ecosystem Proposal [29] |
|
|
Topic | Duration | Updates | Accessibility Level | Testing (Results) | Number and Rating of Users | Other Features |
---|---|---|---|---|---|---|
Reykjavik | 6 years | Frequent | WCAGs 2.0 level AA | Structured titles, keyboard navigation, page descriptions, localization-ready | Small, 5/5 | Elegant design, fast loading, SEO, color contrast, sidebar, templates |
Twenty Twenty-Four | New | Frequent | Accessibility-ready | Presence of incorrect formatting of links in text, unavailable models and contrasts | Very large, 4/5 | Multiple settings, templates, mobile friendly, SEO |
Maisha Lite | 5 years | Rare | Accessibility-ready | Color and contrast settings in the paid version | Very small, 4.5/5 | Adapted for mobile devices, templates, settings, microformats |
Koji | 5 years | Frequent | Accessibility-ready | Sidebar, translation-ready, advanced settings | Small, 5/5 | Minimalistic design; functionalities are suitable for a blog |
Period | 7 years | Frequent | Accessibility-ready | Adapted for mobile devices of different types, translation-ready | Small, 4.97/5 | Contrast levels, keyboard control, minimalistic design, sidebars |
Disclaimer/Publisher’s Note: The statements, opinions and data contained in all publications are solely those of the individual author(s) and contributor(s) and not of MDPI and/or the editor(s). MDPI and/or the editor(s) disclaim responsibility for any injury to people or property resulting from any ideas, methods, instructions or products referred to in the content. |
© 2024 by the authors. Licensee MDPI, Basel, Switzerland. This article is an open access article distributed under the terms and conditions of the Creative Commons Attribution (CC BY) license (https://creativecommons.org/licenses/by/4.0/).
Share and Cite
Bogdanova, G.; Todorov, T.; Dochkova-Todorova, J.; Noev, N.; Sabev, N. Design and Development Model of a Web Accessibility Ecosystem. Information 2024, 15, 613. https://doi.org/10.3390/info15100613
Bogdanova G, Todorov T, Dochkova-Todorova J, Noev N, Sabev N. Design and Development Model of a Web Accessibility Ecosystem. Information. 2024; 15(10):613. https://doi.org/10.3390/info15100613
Chicago/Turabian StyleBogdanova, Galina, Todor Todorov, Juliana Dochkova-Todorova, Nikolay Noev, and Negoslav Sabev. 2024. "Design and Development Model of a Web Accessibility Ecosystem" Information 15, no. 10: 613. https://doi.org/10.3390/info15100613
APA StyleBogdanova, G., Todorov, T., Dochkova-Todorova, J., Noev, N., & Sabev, N. (2024). Design and Development Model of a Web Accessibility Ecosystem. Information, 15(10), 613. https://doi.org/10.3390/info15100613