Web Accessibility is a set of rules, behaviors, code standards and design guidelines, that are meant to allow people with disabilities, which comprise 20% of the world’s population, to effectively use websites. To achieve this, the W3C (The World Wide Web Consortium) has created the “Web Content Accessibility Guidelines” 2.1 (WCAG 2.1), which are meant to explain and guide developers on how to make websites accessible. These guidelines have been adopted by governments around the world and are now part of various legislations, such as the ADA, Section 508, EN 301549, and others.

The WCAG focuses mainly on three areas of accessibility: blind people using screen-readers (JAWS, NVDA), people with motor impairments that are using the keyboard, and a variety of other disabilities such as color blindness, epilepsy, and minor visual impairments that are mainly focused on the UI and design of the website (color contrasts, animations, fonts, etc.).

How does Neutrino Design Achieve Compliance?

We utilize two components that, together, achieve compliance. The first is that our foreground application, the accessibility interface, which is responsible for 30% of the requirements, is mostly UI & design-related. The second is our background application (AI, Machine Learning powered), which is responsible for the remaining 70% of requirements, mostly related to blind people’s screen-reader adjustments, and keyboard navigation optimizations for people with motor impairments.

Our system will start processing your website right after the initial installation and the process takes up to 48-hours. Upon completion, you’ll receive an Accessibility Statement & certification of performance directly to your email.

Foreground Application (The Accessibility Interface)

Our foreground application handles the UI (user interface) and design accessibility requirements, allowing persons with specific disabilities to adjust the website’s UI & design to their individual needs. Our solution replaces the old-fashioned method of compromising your site’s design, in favor of accessibility.

Here are some of our interface’s capabilities: 

  • Font handling – users can increase & decrease font size, change it’s family (type), adjust spacing, alignment, line height, and more!

  • Color handling – users can select various color contrast profiles such as light, dark, inverted, and monochrome. Additionally, users can swap color schemes of titles, texts, and backgrounds, with over 7 different color options.

  • Animations – users with epilepsy can stop all running animations at the click of a button. This includes videos, GIFs, and CSS flashing transitions.

  • Content highlighting – users can emphasize important elements, such as links and titles. They can also highlight particular focused or hovered elements.

  • Audio muting – users with hearing devices may experience headaches or other issues due to automatic audio playing. This option allows users to mute the entire website instantly.

  • Cognitive disorders – we utilize a search engine that is linked to Wikipedia and Wiktionary, allowing people with cognitive disorders to decipher meanings of phrases, initials, slang, and more.

  • Other options – users can change the cursor’s color and sizing, view in printing mode, enable a virtual keyboard, and much more!

Background Application (AI, Machine Learning Process)

Our AI runs in the background & optimizes the accessibility level of your website every 24-hours. This AI engine remediates the website’s HTML accessibility issues, as well as the functionality & behavior, to the use of blind people using screen readers, and people with motor impairments using a keyboard to operate websites.

  • Screen-reader optimization: Our AI analyzes your website’s components top-to-bottom, thereby providing screen-readers with meaningful data, using the ARIA set of attributes. For example, it provides accurate form labels; descriptions for actionable icons (social media icons, search icons, cart icons, etc…); validation guidance for form inputs; element roles such as buttons, menus, model dialogues (popups), and much more.

    Additionally, our AI scans all of the website’s images & provides an accurate, meaningful image-object-recognition-based description as an ALT (Alternate Text) tag. It also extracts texts that are embedded within the image, using an OCR (Optical Character Recognition) technology.

    Please note, our solution will NOT override your ALT tags, titles, or any other manual accessibility work that has been done. We take into consideration that if you’ve made adjustments yourself, it’s probably for a reason.

    To turn on screen-reader or keyboard navigation adjustments at any time, click Alt+1 on your keyboard. Screen-reader users receive automatic announcements to turn on these adjustments as soon as they enter your website.

  • Keyboard navigation optimization: Our AI adjusts the website’s HTML, as well as adds various behaviors using JavaScript, to make the website fully operable by the keyboard. This includes navigating the entire site using the TAB & SHIFT+TAB keys, operating dropdowns with the arrow keys, closing them with ESC, triggering buttons and links using Enter, navigating between radio & checkbox elements using the arrow keys, filling them in with the Spacebar or Enter key, navigate using key shortcuts and more!

    Additionally, keyboard users will find quick-navigation and content-skip menus available at any time by clicking Alt+1. Our AI also handles triggered popups by relocating the keyboard focus onto them as soon as they appear, without letting the focus deviate below the popup, for best orientation.

Please Note: our software will not change a thing for the majority of users. It will only be activated when turned on via the interface (or by a screen-reader if the user is blind), as an overlay to your website, and only for the user’s specific session. Therefore, it will not affect your design, UI, or performance at all! The entire process is automated. From remediation to becoming compliant. Additionally, we don’t collect user data, so we don’t affect your GDPR compliance.

Browser, OS, and Assistive Technologies Compatibility: 

  • Google Chrome
  • Mozilla Firefox
  • Safari
  • Opera
  • Microsoft Edge
  • Internet Explorer 11 or above
  • JAWS
  • NVDA
  • Windows
  • Mac
  • iOS
  • Android










Let’s build something together!

Looking for help? Get in touch with us