OneDS
Accessibility

Accessible by design

Accessible by design

Standards, requirements, and guidance to ensure inclusive and compliant experiences across all platforms.

Standards, requirements, and guidance to ensure inclusive and compliant experiences across all platforms.

Introduction

In ODSU we want our library to be fully accessible for all users. For this reason we invested some effort to make sure our components fulfill the accessibility requirements defined in WCAG 2.1 with level of conformance AA.

Accessibility coverage

Keyboard Interactions

Components can be navigable using the keyboard and follow the general rules defined in WAI-Aria Patterns. In some components we have defined additional rules, you can find them in each component's documentation page.

Screen Reader Adaptability

OneWebComponents library has been tested using JAWS & NVDA screen reader tools and all our components meet the accessibility requirements regarding screen reader adaptability.

ARIA Roles, States, and Properties

Each component has the correct aria roles, states and properties according to the WAI-Aria Authoring Practices Guide. Some roles and attributes are already assigned to components internally, and some attributes should be defined by the user (those are specified in each component's documentation page).

High Contrast Mode

OneWebComponents library is accessible using Windows High Contrast Mode (HCM). HCM is an accessibility feature designed to increase text legibility and improve readability. Learn how to enable it in Windows here.

We can use some css queries to enable forced colors mode. Forced colors mode uses specialized keywords which assign color to meaning. For example, regular text will use the same theme color and this color is mapped to the CanvasText keyword. Learn what these keywords correspond to here.

In forced colors some properties are affected with this mode. These browser-specified values are selected from the set of system colors. Learn which properties are affected by forced color here.

OneDS Accessibility App

Check the OneDS Accessibility App for an accessible sample web application using all our components. The app is certified by an independent accessibility certification body: Access For All. Find the certificate here and the detailed report here.

Accessibility coverage

OneDS Web Accessibility app screenshot
OneDS Web Accessibility OneDS Web Accessibility App is an accessible sample web application using all OneDS v x components. The app is certified by an independent accessibility certification body: Access For All.
Certification
Accessibility audit report
Source code of the app
Deployed app
OneDS Android Accessibility app screenshot
OneDS Android Accessibility OneDS Android Accessibility App is an accessible sample Android application using all OneDS v x components. The app is certified by an independent accessibility certification body: Access For All.
Certification
Accessibility audit report
Source code of the app
Install app
OneDS iOS Accessibility app screenshot
OneDS iOS Accessibility OneDS iOS Accessibility App is an accessible sample iOS application using all OneDS v x components. The app is certified by an independent accessibility certification body: Access For All.
Certification
Accessibility audit report
Source code of the app
Install app