Merge pull request #276 from oigewan/aria

Fix aria roles on weekday and month elements
gpbl · Mar 8, 2017 · f81357b · f81357b
2 parents 9fb17f8 + 36fdfb7
commit f81357b
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/Month.js b/src/Month.js
@@ -36,7 +36,7 @@ export default function Month({
 
   const weeks = getWeekArray(month, firstDayOfWeek, fixedWeeks);
   return (
-    <div className={ classNames.month }>
+    <div className={ classNames.month } role="grid">
       {caption}
       <Weekdays
         classNames={ classNames }
@@ -47,7 +47,7 @@ export default function Month({
         localeUtils={ localeUtils }
         weekdayElement={ weekdayElement }
       />
-      <div className={ classNames.body } role="grid">
+      <div className={ classNames.body } role="rowgroup">
         {
           weeks.map((week, j) =>
             <div key={ j } className={ classNames.week } role="gridcell">

diff --git a/src/Weekday.js b/src/Weekday.js
@@ -23,7 +23,7 @@ export default function Weekday({
   }
 
   return (
-    <div className={ className }>
+    <div className={ className } role="columnheader">
       <abbr title={ title }>
         {content}
       </abbr>

diff --git a/src/Weekdays.js b/src/Weekdays.js
@@ -30,7 +30,7 @@ export default function Weekdays({
 
   return (
     <div className={ classNames.weekdays } role="rowgroup">
-      <div className={ classNames.weekdaysRow } role="columnheader">
+      <div className={ classNames.weekdaysRow } role="row">
         { days }
       </div>
     </div>