@progress/wct-a11y-spec

WAI-ARIA and Keyboard Navigation Spec

This package contains the WAI-ARIA and Keyboard Navigation spec for the UI suites in the Progress Web Components and Tools division: Kendo UI for Angular, Kendo UI for jQuery, Kendo React, Kendo UI for Vue, Telerik UI for Blazor, Telerik UI for ASP.NET Core (Kendo jQuery based), and Telerik UI for ASP.NET MVC (Kendo jQuery based).

The specifications are published in a npm package:

https://www.npmjs.com/package/@progress/wct-a11y-spec.

All teams can navigate through the generated accessibility specifications via the following link and the respective technology:

https://unpkg.com/browse/@progress/wct-a11y-spec@latest/dist/

Generating specifications

Generating WAI-ARIA specification

To generate the WAI-ARIA specification in MD format for each of the suites, you will need to:

• run npm install
• call the appropriate suite-specific npm script:
  • for Angular: npm run aria-angular
  • for Blazor: npm run aria-blazor
  • for jQuery, MVC and Core: npm run aria-jquery
  • for React: npm run aria-react
  • for Vue: npm run aria-vue

For the specifications of all suites call: npm run aria.

The generate MD files will be placed in the following folders:

• /dist/angular/aria/
• /dist/blazor/aria/
• /dist/jquery/aria/
• /dist/react/aria/
• /dist/vue/aria/

Generating ARIA test definitions

To generate the ARIA test definitions in JSON format for each of the suites, you will need to:

• run npm install
• call the appropriate suite-specific npm script:
  • for Angular: npm run test-def-angular
  • for Blazor: npm run test-def-blazor
  • for jQuery, MVC and Core: npm run test-def-jquery
  • for React: npm run test-def-react
  • for Vue: npm run test-def-vue

For the specifications of all suites call: npm run test-def.

The generate JOSN file will be found here:

• /dist/angular/test-def/test-definitions.json
• /dist/blazor/test-def/test-definitions.json
• /dist/jquery/test-def/test-definitions.json
• /dist/react/test-def/test-definitions.json
• /dist/vue/test-def/test-definitions.json

Generating keyboard navigation specification

To generate the keyboard navigation specification in MD format for all suites call: npm run keyboard.

The generate MD files will be placed in the following folders:

• /dist/angular/keyboard-navigation/
• /dist/blazor/keyboard-navigation/
• /dist/jquery/keyboard-navigation/
• /dist/react/keyboard-navigation/
• /dist/vue/keyboard-navigation/