Accessibility

Coding standards

Discount Ninja widgets start with web standards for HTML, CSS, and JavaScript. Features from the Accessible Rich Internet Applications (WAI-ARIA or ARIA) specification are used to build functionality that is not available in native HTML.

Alternative text

To help people who rely on assistive technologies, such as a screen reader or other text-to-speech programs, our components use alternative text for icons and images used to convey information and actions (like buttons and links).

Meeting the Web Content Accessibility Guidelines (WCAG)

Discount Ninja targets WCAG 2.1 Level A and Level AA success criteria, and seeks to provide a highly usable experience for everyone.

For more information, see the following resources:

Assistive technology support

Discount Ninja web components are tested for accessibility with automated and manual techniques. Users should expect to be able to access features built with our components using modern assistive technologies. These include native and third-party tools like:

  • Screen readers

  • Speech recognition programs

  • Supports for low vision and color blindness

  • Alternative keyboards

  • Switch devices

  • Tools for readability

Animations

Discount Ninja web components detect if a user has enabled a setting on their device to minimize the amount of non-essential motion. If this setting is enabled, all animations included in our web components are automatically disabled on that device.

Keyboard

Keyboard accessibility is an important aspect of web accessibility. Many users with motor disabilities rely on a keyboard. Users without disabilities may use a keyboard for navigation because of preference or efficiency.

Discount Ninja web components implement keyboard accessibility as outlined here. Essentially, the widgets allow users to use the Tab key to navigate through interactive elements and use Enter or Spacebar to activate links and buttons. Support for Left, Right, Up, and Down arrows, as well as the Home and End keys are available in controls that show lists. The Escape key allows users to close widgets if applicable.

Visually impaired

Discount Ninja web components use accessibility semantics defined by the Accessible Rich Internet Application (ARIA) specification to help you create accessible web experiences for visually impaired users. Here are some of the patterns that are implemented by the components:

PreviousGuiding principlesNextLocalization

Last updated