Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Calendar ARIA #6272

Closed
damyanpetev opened this issue Dec 3, 2019 · 2 comments · Fixed by #8526
Closed

Calendar ARIA #6272

damyanpetev opened this issue Dec 3, 2019 · 2 comments · Fixed by #8526
Assignees
@simeonoff @desig9stein @radomirchev
Labels
📆 calendar 📈 enhancement 🧰 feature-request ♿ a11y When the issue or PR is related to accessibility ✅ status: resolved Applies to issues that have pending PRs resolving them, or PRs that have already merged.

Comments

@damyanpetev
Copy link
Member

damyanpetev commented Dec 3, 2019 •
edited
Loading

Is your feature request related to a problem? Please describe.

There's currently no ARIA attributes applied to the calendar (not in spec either). This makes screen readers announce partial information when navigating the calendar like "Clickable 27".

Describe the solution you'd like

The calendar should implement ARIA attributes per spec (see below) so each date can be announced when navigating with a screen reader.

Describe alternatives you've considered

N/A

Additional context

Per https://www.w3.org/TR/wai-aria-practices/examples/dialog-modal/datepicker-dialog.html the calendar should be using a grid pattern. Also some interesting abbreviation in the table headers.
Note: This example might be outdated as it behaves a bit odd.
@damyanpetev damyanpetev added the ♿ a11y When the issue or PR is related to accessibility label Dec 3, 2019
@damyanpetev damyanpetev mentioned this issue Dec 3, 2019
Closed
@jackofdiamond5 jackofdiamond5 mentioned this issue Dec 4, 2019
Closed
14 tasks
@Lipata Lipata mentioned this issue Dec 16, 2019
Closed
@HristoP96 HristoP96 mentioned this issue Apr 14, 2020
Closed
40 tasks
@github-actions
Copy link

There has been no recent activity and this issue has been marked inactive.

@github-actions github-actions bot added the status: inactive Used to stale issues and pull requests label Jun 27, 2020
@Lipata Lipata removed the status: inactive Used to stale issues and pull requests label Jun 29, 2020
@github-actions
Copy link

There has been no recent activity and this issue has been marked inactive.

@github-actions github-actions bot added the status: inactive Used to stale issues and pull requests label Aug 29, 2020
@radomirchev radomirchev removed the status: inactive Used to stale issues and pull requests label Aug 31, 2020
@zdrawku zdrawku removed their assignment Sep 28, 2020
@simeonoff simeonoff added 🛠️ status: in-development Issues and PRs with active development on them and removed 🆕 status: new labels Oct 2, 2020
@desig9stein desig9stein mentioned this issue Oct 9, 2020
Closed
14 tasks
ddincheva added a commit that referenced this issue Oct 21, 2020
@ddincheva
test(IgxCalendar): update calendar test with latest accessibility cha…
ee0269c 
…nges #6272
@zdrawku zdrawku added ✅ status: resolved Applies to issues that have pending PRs resolving them, or PRs that have already merged. and removed 🛠️ status: in-development Issues and PRs with active development on them labels Nov 2, 2020
@desig9stein desig9stein mentioned this issue Nov 5, 2020
Merged
14 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@simeonoff simeonoff

@desig9stein desig9stein

@radomirchev radomirchev

Labels
📆 calendar 📈 enhancement 🧰 feature-request ♿ a11y When the issue or PR is related to accessibility ✅ status: resolved Applies to issues that have pending PRs resolving them, or PRs that have already merged.
Projects
None yet
Milestone
No milestone
7 participants
@kdinev @Lipata @damyanpetev @simeonoff @zdrawku @desig9stein @radomirchev