diff --git a/src/vaadin-month-calendar.html b/src/vaadin-month-calendar.html index 219ef146..6af69e85 100644 --- a/src/vaadin-month-calendar.html +++ b/src/vaadin-month-calendar.html @@ -329,7 +329,7 @@ } _getRole(date) { - return date ? 'button' : 'presentational'; + return date ? 'button' : 'presentation'; } _getAriaLabel(date) { diff --git a/test/wai-aria.html b/test/wai-aria.html index 36daeac1..0c1c60e0 100644 --- a/test/wai-aria.html +++ b/test/wai-aria.html @@ -291,6 +291,15 @@ }); }); + it('should have presentation roles on empty date cells', () => { + var emptyDateElements = monthCalendar.root.querySelectorAll('[part="date"]:empty'); + + Array.prototype.forEach.call(emptyDateElements, emptyElement => { + expect(emptyElement.getAttribute('role')).to.equal('presentation'); + expect(emptyElement.getAttribute('aria-label')).to.be.empty; + }); + }); + describe('week numbers', () => { beforeEach(done => { monthCalendar.showWeekNumbers = true;