From 826019819a11c5241fa27eaa1765c943e9c79298 Mon Sep 17 00:00:00 2001
From: John Liakos <johnnyboyp10@gmail.com>
Date: Thu, 5 Sep 2019 09:31:00 +0200
Subject: [PATCH] fix: make datepicker more accessible (#3343)

A finding of an a11y test on a project, where the Datepicker is used, was that the proposed columnheader role is missing, thus making the datepicker not accessible for blind users.
---
 src/datepicker/datepicker-month-view.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/datepicker/datepicker-month-view.ts b/src/datepicker/datepicker-month-view.ts
index d2411e81a1..31217f1081 100644
--- a/src/datepicker/datepicker-month-view.ts
+++ b/src/datepicker/datepicker-month-view.ts
@@ -12,7 +12,7 @@ import {DayTemplateContext} from './datepicker-day-template-context';
   template: `
     <div *ngIf="showWeekdays" class="ngb-dp-week ngb-dp-weekdays bg-light">
       <div *ngIf="showWeekNumbers" class="ngb-dp-weekday ngb-dp-showweek"></div>
-      <div *ngFor="let w of month.weekdays" class="ngb-dp-weekday small">
+      <div *ngFor="let w of month.weekdays" class="ngb-dp-weekday small" role="columnheader">
         {{ i18n.getWeekdayShortName(w) }}
       </div>
     </div>