Skip to content

Commit 4c1d4cd

Browse files
authored
fix: aria-label in prev/next buttons (#821)
* fix: aria-label in prev/next buttons * chore: update snapshot
1 parent 0c45f96 commit 4c1d4cd

File tree

7 files changed

+86
-1
lines changed

7 files changed

+86
-1
lines changed

src/PickerPanel/DatePanel/index.tsx

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -136,6 +136,7 @@ export default function DatePanel<DateType extends object = any>(props: DatePane
136136
const yearNode: React.ReactNode = (
137137
<button
138138
type="button"
139+
aria-label="year panel"
139140
key="year"
140141
onClick={() => {
141142
onModeChange('year', pickerValue);
@@ -153,6 +154,7 @@ export default function DatePanel<DateType extends object = any>(props: DatePane
153154
const monthNode: React.ReactNode = (
154155
<button
155156
type="button"
157+
aria-label="month panel"
156158
key="month"
157159
onClick={() => {
158160
onModeChange('month', pickerValue);

src/PickerPanel/MonthPanel/index.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -71,6 +71,7 @@ export default function MonthPanel<DateType extends object = any>(
7171
<button
7272
type="button"
7373
key="year"
74+
aria-label="year panel"
7475
onClick={() => {
7576
onModeChange('year');
7677
}}

src/PickerPanel/PanelHeader.tsx

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -122,6 +122,7 @@ function PanelHeader<DateType extends object>(props: HeaderProps<DateType>) {
122122
{superOffset && (
123123
<button
124124
type="button"
125+
aria-label="super-prev-year"
125126
onClick={() => onSuperOffset(-1)}
126127
tabIndex={-1}
127128
className={classNames(
@@ -137,6 +138,7 @@ function PanelHeader<DateType extends object>(props: HeaderProps<DateType>) {
137138
{offset && (
138139
<button
139140
type="button"
141+
aria-label="prev-year"
140142
onClick={() => onOffset(-1)}
141143
tabIndex={-1}
142144
className={classNames(prevBtnCls, disabledOffsetPrev && `${prevBtnCls}-disabled`)}
@@ -150,6 +152,7 @@ function PanelHeader<DateType extends object>(props: HeaderProps<DateType>) {
150152
{offset && (
151153
<button
152154
type="button"
155+
aria-label="next-year"
153156
onClick={() => onOffset(1)}
154157
tabIndex={-1}
155158
className={classNames(nextBtnCls, disabledOffsetNext && `${nextBtnCls}-disabled`)}
@@ -162,6 +165,7 @@ function PanelHeader<DateType extends object>(props: HeaderProps<DateType>) {
162165
{superOffset && (
163166
<button
164167
type="button"
168+
aria-label="super-next-year"
165169
onClick={() => onSuperOffset(1)}
166170
tabIndex={-1}
167171
className={classNames(

src/PickerPanel/QuarterPanel/index.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,7 @@ export default function QuarterPanel<DateType extends object = any>(
3939
<button
4040
type="button"
4141
key="year"
42+
aria-label="year panel"
4243
onClick={() => {
4344
onModeChange('year');
4445
}}

src/PickerPanel/YearPanel/index.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -80,7 +80,8 @@ export default function YearPanel<DateType extends object = any>(
8080
const yearNode: React.ReactNode = (
8181
<button
8282
type="button"
83-
key="year"
83+
key="decade"
84+
aria-label="decade panel"
8485
onClick={() => {
8586
onModeChange('decade');
8687
}}

0 commit comments

Comments
 (0)