Skip to content

Scheduler - A11y: announce the disabled time range in the aria-label of the Cell Templates demo - #34652

Open
aleksei-semikozov wants to merge 2 commits into
DevExpress:mainfrom
aleksei-semikozov:scheduler-disabled-range-aria-1355
Open

Scheduler - A11y: announce the disabled time range in the aria-label of the Cell Templates demo#34652
aleksei-semikozov wants to merge 2 commits into
DevExpress:mainfrom
aleksei-semikozov:scheduler-disabled-range-aria-1355

Conversation

@aleksei-semikozov

Copy link
Copy Markdown
Contributor

No description provided.

@aleksei-semikozov
aleksei-semikozov marked this pull request as ready for review August 4, 2026 23:36
@aleksei-semikozov
aleksei-semikozov requested a review from a team as a code owner August 4, 2026 23:36
Copilot AI review requested due to automatic review settings August 4, 2026 23:36

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR improves accessibility for the Scheduler “Cell Templates” demo by ensuring the scheduler’s aria-label includes an announcement of the globally disabled time range (in addition to disabled dates), helping screen reader users understand unavailable scheduling periods.

Changes:

  • Added a formatHour helper and a disabledTimeDescription message derived from dinnerTime.
  • Updated the computed/derived ariaDescription to concatenate disabled-dates and disabled-time descriptions across Vue, React (TS), React (JS), Angular, and jQuery demo implementations.

Reviewed changes

Copilot reviewed 5 out of 5 changed files in this pull request and generated no comments.

Show a summary per file
File Description
apps/demos/Demos/Scheduler/CellTemplates/Vue/App.vue Extends aria description to include disabled time range using dinnerTime.
apps/demos/Demos/Scheduler/CellTemplates/ReactJs/App.js Adds disabled time range announcement to aria description in the React JS demo.
apps/demos/Demos/Scheduler/CellTemplates/React/App.tsx Adds disabled time range announcement to aria description in the React TS demo.
apps/demos/Demos/Scheduler/CellTemplates/jQuery/index.js Adds disabled time range announcement to aria description in the jQuery demo.
apps/demos/Demos/Scheduler/CellTemplates/Angular/app/app.component.ts Adds disabled time range announcement to aria description in the Angular demo.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants