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;