WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Web calendar

for

From: jp Jamous
Date: Feb 14, 2024 11:35AM

Here are some suggestions:

* Not all dates will have events on for the chosen sport. How can this be portrayed;
For screen readers you can use on each button aria-disabled="true". That would announce to screen readers that it is disabled, which means no event occurs on that date. For low-vision/color-blind, you can use shapes and colors. For example, Black on White means no event and Dark Blue on white means there is an event. Add a dashed line for the bottom border of the button when there is no event and a solid bottom border when there is an event. Of course, you need to provide that explanation in text before the calendar so users know what those shapes and colors mean.
* The user needs to know the currently selected date;
Same as the above one using shapes and colors. For screen readers use aria-disabled="false", because there is an event on that date and aria-pressed="true", which would announce that the button is selected.
* The user needs to be notified of the change to content on update;
I don't follow this one. Can you provide more information? Where would the update come from? Back-end or something the user does?
* The user needs to access the calendar on each page to be able to quickly change dates;
This one is a vague description as well. Depending on how the page is designed, the calendar can be a button that would open a modal or have a calendar region present on the page. The right answer is to know how the page is designed.
* This needs to be usable for screen readers, screen magnification, switch controllers, and voice control.
What I suggested above will cover most of those. I believe voice recognition software like Dragon can detect the aria attributes. A quick google search should help.
So, any suggestions?

Many thanks in anticipation.