Ensuring an Inclusive Website for Everyone
At the heart of our mission is the belief that the internet should be accessible to everyone, regardless of their abilities. To achieve this, we are committed to following the Web Content Accessibility Guidelines 2.1 (WCAG 2.1) by the World Wide Web Consortium (W3C) at the AA level. These guidelines provide essential instructions for making web content accessible to people with various disabilities, such as blindness, motor impairments, visual impairments, cognitive disabilities, and more.
To ensure maximum accessibility, our website employs various technologies. We use an accessibility interface that allows users with specific disabilities to customize the website’s user interface according to their needs. Moreover, we have an AI-based application continuously running in the background, optimizing the website’s accessibility level. This application adapts the website’s HTML, functionality, and behavior to accommodate screen-readers for the blind and keyboard functions for users with motor impairments.
Screen-reader and Keyboard Navigation:
Our website is committed to ensuring accessibility for blind users who rely on screen-readers. To achieve this, we implement the ARIA attributes (Accessible Rich Internet Applications) technique along with various behavioral changes. As soon as a user with a screen-reader enters our site, they are immediately prompted to enter the Screen-Reader Profile, allowing them to browse and operate the site effectively. Here’s how our website caters to some of the essential screen-reader requirements:
- Screen-reader optimization: We run a process that learns the website’s components from top to bottom, ensuring ongoing compliance even during updates. In this process, we provide screen-readers with meaningful data using ARIA attributes. For example, we offer accurate form labels, descriptions for actionable icons (like social media icons, search icons, cart icons, etc.), validation guidance for form inputs, and define element roles such as buttons, menus, and modal dialogues (popups).
- Image description: Additionally, the background process scans all website images and provides accurate, meaningful descriptions as ALT (alternate text) tags for images that lack descriptions. It can also extract texts embedded within images using OCR (optical character recognition) technology. Users can activate screen-reader adjustments anytime by pressing the Alt+1 keyboard combination. Furthermore, screen-reader users receive automatic announcements to turn on the Screen-reader mode as soon as they enter the website.
These adjustments are compatible with popular screen readers such as JAWS, NVDA, VoiceOver, and TalkBack.
Keyboard navigation optimization:
- Navigating the website using the Tab and Shift+Tab keys
- Operating dropdowns with arrow keys and closing them with the Esc key
- Triggering buttons and links using the Enter key
- Navigating between radio and checkbox elements using the arrow keys and filling them in with the Spacebar or Enter key
Keyboard users will find content-skip menus available at any time by clicking Alt+2 or as the first element of the site while navigating with the keyboard. Additionally, the background process handles triggered popups by moving the keyboard focus towards them as soon as they appear, preventing the focus from drifting outside.
Users can also use shortcuts such as “M” (menus), “H” (headings), “F” (forms), “B” (buttons), and “G” (graphics) to jump to specific elements.
Disability profiles supported on our website:
To cater to diverse needs, we support several disability profiles on our website, including:
- Epilepsy Safe Profile: Designed to eliminate the risk of seizures resulting from flashing or blinking animations and risky color combinations for people with epilepsy.
- Vision Impaired Profile: Adjusts the website to accommodate individuals with visual impairments such as Degrading Eyesight, Tunnel Vision, Cataract, Glaucoma, and others.
- Cognitive Disability Profile: Provides various assistive features to help users with cognitive disabilities like Autism, Dyslexia, CVA, and others, focus on essential elements more easily.
- ADHD Friendly Profile: Significantly reduces distractions and noise to help individuals with ADHD and Neurodevelopmental disorders browse, read, and focus on essential elements more easily.
- Blind Users Profile (Screen-readers): Adjusts the website to be compatible with popular screen-readers like JAWS, NVDA, VoiceOver, and TalkBack, installed on the blind user’s computer.
- Keyboard Navigation Profile (Motor-Impaired): Enables motor-impaired individuals to operate the website using the keyboard Tab, Shift+Tab, and Enter keys. Users can also utilize shortcuts for faster navigation.
Additional UI, Design, and Readability Adjustments:
We offer various options for users to customize their experience on our website:
- Font adjustments: Users can increase or decrease font size, change its type, adjust spacing, alignment, and line height.
- Color adjustments: Choose from various color contrast profiles, including light, dark, inverted, and monochrome. Users can also swap color schemes for titles, texts, and backgrounds with over seven different coloring options.
- Animations: Epileptic users can stop all running animations with a single click, including videos, GIFs, and CSS flashing transitions.
- Content highlighting: Users can emphasize essential elements such as links and titles, or choose to highlight only focused or hovered elements.
- Audio muting: Users with hearing devices can instantly mute the entire website to avoid automatic audio playing.
- Cognitive disorders: We provide a search engine linked to Wikipedia and Wiktionary to help individuals with cognitive disorders decipher meanings of phrases, initials, slang, and more.
- Additional functions: Users can change cursor color and size, enable a printing mode, utilize a virtual keyboard, and access other useful functions.
Assistive Technology and Browser Compatibility:
We strive to support a wide range of browsers and assistive technologies to minimize limitations for our users. Our efforts include compatibility with Google Chrome, Mozilla Firefox, Apple Safari, Opera, and Microsoft Edge, as well as JAWS and NVDA (screen-readers) for both Windows and MAC users.
Notes, Comments, and Feedback:
While we do our best to ensure anyone can adjust the website to their needs, some pages or sections may still be under improvement or lack adequate technological solutions for accessibility. Nevertheless, we are continuously working to enhance our website’s accessibility, adding, updating, and adopting new technologies to reach the optimal level of inclusivity following technological advancements.
If you have any feedback or suggestions, please contact us at info [at] seopraxis .com. Your input is invaluable as we strive to create a more accessible online experience for all users.
Is Your Website Accessible Yet?
SEO Praxis provides accessibility solutions to small and midsized business websites at affordable rates.