react-a11y DayPicker warning

[reintroducing]

I'm working on a project where accessibility is a requirement and I just integrated DayPicker into the fold. I'm using react-a11y to warn me of any possible issues I may run into/omit to make sure I am not forgetting accessibility when developing my components. I'm seeing this pop up now:

DayPicker You have an unlabeled element or control. Add `aria-label` or `aria-labelledby` attribute, or put some text in the element.

I can't for the life of me figure out where its coming from or how to resolve it. I'm not using any fancy implementation of DayPicker, just pretty standard stuff:

<DayPicker
     selectedDays={this._modifierSelected}
     disabledDays={this._modifierDisabled}
     onDayClick={this._onDaySelected}
     fromMonth={fromMonth}
     toMonth={toMonth}
     initialMonth={initialMonth}
     weekdaysShort={this._weekdayTitles}
     navbarElement={<DatePickerCalendarNavigation />}
     enableOutsideDays
 />

Any help would be greatly appreciated.

[gpbl]

Thanks for the report! Which version of react-a11y are you using?

[reintroducing]

I'm using react-a11y v0.3.3 which seems to be the latest.

[gpbl]

I've found the reason of this warning: when the days outside the current month are not shown, we are still adding role="gridcell". However:

A gridcell may be focusable, editable, and selectable.

which is clearly not the case – removing the role attribute won't make react-a11y to warn. Thanks for reporting this!

[gpbl]

(the fix will be published to the upcoming release)

[reintroducing]

Great, thanks for the quick turn around, really appreciate your work on this component. It's fantastic and I use it in multiple projects (not all needing this level of accessibility) :).

[gpbl]

Thanks @reintroducing for the nice words! The change has been published in v6.0.0 (changelog) 🎉