Accessibility
Last updated
Was this helpful?
Last updated
Was this helpful?
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.
To help people who rely on assistive technologies, such as a screen reader or other text-to-speech programs, our components use for icons and images used to convey information and actions (like buttons and links).
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:
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
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 detect if a user has enabled a setting on their device to . If this setting is enabled, all animations included in our web components are automatically disabled on that device.
Discount Ninja web components implement keyboard accessibility as outlined . 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.
Discount Ninja web components use accessibility semantics defined by the Accessible Rich Internet Application () specification to help you create accessible web experiences for visually impaired users. Here are some of the patterns that are implemented by the components:
Buttons:
Links:
Switch:
Progress bar:
Tooltip:
Checkbox:
Carousel:
Popup: