Accessibility – tabindex

  • Resolved pixelshrink

    (@pixelshrink)


    2 years, 1 month ago

    Hi, I want to make the calendar accessible via keyboard navigation, so that people can see details of individual events (not whole days). Is there any way of setting a tabindex for the event dots in daygrid or listMonth views?

    • This topic was modified 2 years, 1 month ago by pixelshrink. Reason: Added URL

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter pixelshrink

    (@pixelshrink)

    Update: this has been solved by Jquery, but it would be useful if the plugin code could be updated so that this is not necessary. 

    jQuery(window).load(function(){
    jQuery('.fc-daygrid-event').attr( 'tabIndex', 0 );
});
    Plugin Author michielve

    (@michielve)

    Thank you for reporting, that would be a valuable update for this plugin. However when I look at the webpage you provided, I cannot see the tabindex on the events (the dots) and I cannot focus them by using the keyboard. Or did you add this tabindex to some other part?

    Thread Starter pixelshrink

    (@pixelshrink)

    Thanks, you’re right that it is not working reliably with the Jquery, so it would be great if the fc-daygrid-event and fc-list-event etc. elements could have a tabindex of 0 in the plugin code.

    • This reply was modified 2 years, 1 month ago by pixelshrink.
    Plugin Author michielve

    (@michielve)

    I’ve tried to do that, but somehow the detail popup is not appearing when using the keyboard.

    If you can create a pull request (https://github.com/michielvaneerd/privategooglecalendars) that works reliably I’ll be happy to merge this.

    Plugin Author michielve

    (@michielve)

    Hi, it took a long time, but this is now been implemented in version 20230111. Now the popup with event details is displayed when the associated event receives focus.

    Thread Starter pixelshrink

    (@pixelshrink)

    That’s excellent news, thanks very much.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Accessibility – tabindex’ is closed to new replies.