Issue 2151: Make header buttons more accessibile
Status:  Released
Owner: ----
Closed:  Aug 2014
Reported by gsil...@umich.edu, May 14, 2014
Hi,

My apologies if this has been reported already. I did some due diligence but is quite likely I may not have searched correctly. It pertains to the accessibility of this great plugin.

Step 1
------
Using demo on fullCalendar site [1]. The only code added was via Firebug to highlight elements receiving focus.

Step 2
-----
Skipping - there is no bug specifically demonstrable via a jsFiddle, so skipping straight to:

Step 3
-----

Please see screencast [2]

1. Observe that using the keyboard (as most screen readers will, and a certain number of mobility impaired users will as well) all of the elements save one in the markup produced by fullCalendar never receives a focus. They will be preceivable (but not as controls since they are spans, divs and table cells), but inaccessible.

Users will be unable to act on:

a. Navigation controls (Today, Next / Prev, month, week day)
b. Event details. These are unavailable - eventClick cannot be triggered because the events cannot receive keyboard focus
c. Creating new events. Table cells that are the anchors for the eventClick trigger are also not operable via the keyboard, since they cannot receive focus either

b and c where also verified on a local installation. A standards based approach might be to decorate the DOM with ARIA roles that would identify these components as having the role of controls, managing the focus (and tab order) and managing their state as well.

Thanks! If this issue has been addressed or represents a misunderstanding do let me know.

[1] http://arshaw.com/fullcalendar/
[2] http://screencast.com/t/fsnaMiLl89jR

Jun 5, 2014
Project Member #1 adamrs...@gmail.com
A PR of converting the spans to buttons:
https://github.com/arshaw/fullcalendar/pull/158
Summary: Make header buttons more accessibile (was: FullCalendar accessibilty)
Status: Accepted
Labels: Type-Behavior
Jun 15, 2014
Project Member #2 adamrs...@gmail.com
(No comment was entered for this change.)
Labels: milestone-skeleton
Jul 23, 2014
Project Member #3 adamrs...@gmail.com
Button tags are now used in v2.1 (beta)
http://blog.arshaw.com/1/post/2014/07/fullcalendar-210-beta.html

I would really appreciate if you could verify this. Thanks a lot!
Aug 14, 2014
Project Member #4 adamrs...@gmail.com
(No comment was entered for this change.)
Status: Implemented
Aug 26, 2014
Project Member #5 adamrs...@gmail.com
This issue has been resolved with the official release of v2.1.0:
http://blog.arshaw.com/1/post/2014/08/fullcalendar-210-released.html

Please post any follow-up bug reports or feature requests as separate issues. Thanks.
Status: Released