Accessibility

[batgithub]

Hi,
This project is looking fantastic 🙂

But, I didn't find any information about accessibility, so I'm not sure if It's safe to use in this area.
When I check about accessibility calendar, they use table and aria stuff.

Is there anybody who have feedback on this topic ?

[uvarov-frontend]

Hi. By accessibility, do you mean the possibilities for screen readers?

[batgithub]

Yes

[uvarov-frontend]

Everything should work as it should, if it’s not, let me know, I’ll fix it.

[batgithub]

It's working with the keyboard but i think it could be improved, I give you my modest recommendation 🙂

• It's seems better to use semantic HTML like table or list to structure a calendar view instead of div.
• You should contextualize the calendar with a title. It can be the month and Year. You can use a aria-label. I recommend you to use the accessibility inspector of firefox.
• Arrow button need an aria-label https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label
• Disabled days needs a aria-disabled="true" https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled
• Add an aria-selected on day selected https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected
• For popup : you have to worry about tabindex - A blog post about - tippy seems to do a great job on accessibility

I hope it's gonna help you 🙂

[uvarov-frontend]

Thank you, these are very useful tips!

[uvarov-frontend]

Implemented in v3.0.0 #293