From abb12bac6b6724cdfb763e0ddcf70f5cfe4d2687 Mon Sep 17 00:00:00 2001
From: Jony J <1844749591@qq.com>
Date: Fri, 7 Feb 2025 10:38:35 +0800
Subject: [PATCH] feat: improve a11y when table header is empty and add
 localization support (#904)

* feat: improve a11y when table header is empty

* feat: Add 'week' localization support across multiple locales

* fix: Update Turkmen locale 'week' translation
---
 src/PickerPanel/DatePanel/index.tsx     |  12 ++-
 src/PickerPanel/MonthPanel/index.tsx    |   2 +-
 src/PickerPanel/PanelHeader.tsx         |   8 +-
 src/PickerPanel/QuarterPanel/index.tsx  |   2 +-
 src/PickerPanel/YearPanel/index.tsx     |   2 +-
 src/interface.tsx                       |   1 +
 src/locale/am_ET.ts                     |   1 +
 src/locale/ar_EG.ts                     |   1 +
 src/locale/az_AZ.ts                     |   1 +
 src/locale/bg_BG.ts                     |   1 +
 src/locale/bn_BD.ts                     |   1 +
 src/locale/by_BY.ts                     |   1 +
 src/locale/ca_ES.ts                     |   1 +
 src/locale/cs_CZ.ts                     |   1 +
 src/locale/da_DK.ts                     |   1 +
 src/locale/de_DE.ts                     |   1 +
 src/locale/el_GR.ts                     |   1 +
 src/locale/en_GB.ts                     |   1 +
 src/locale/en_US.ts                     |   1 +
 src/locale/es_ES.ts                     |   1 +
 src/locale/es_MX.ts                     |   1 +
 src/locale/et_EE.ts                     |   1 +
 src/locale/eu_ES.ts                     |   1 +
 src/locale/fa_IR.ts                     |   1 +
 src/locale/fi_FI.ts                     |   1 +
 src/locale/fr_BE.ts                     |   1 +
 src/locale/fr_CA.ts                     |   1 +
 src/locale/fr_FR.ts                     |   1 +
 src/locale/ga_IE.ts                     |   1 +
 src/locale/gl_ES.ts                     |   1 +
 src/locale/he_IL.ts                     |   1 +
 src/locale/hi_IN.ts                     |   1 +
 src/locale/hr_HR.ts                     |   1 +
 src/locale/hu_HU.ts                     |   1 +
 src/locale/id_ID.ts                     |   1 +
 src/locale/is_IS.ts                     |   1 +
 src/locale/it_IT.ts                     |   1 +
 src/locale/ja_JP.ts                     |   1 +
 src/locale/ka_GE.ts                     |   1 +
 src/locale/kk_KZ.ts                     |   1 +
 src/locale/km_KH.ts                     |   1 +
 src/locale/kmr_IQ.ts                    |   1 +
 src/locale/kn_IN.ts                     |   1 +
 src/locale/ko_KR.ts                     |   1 +
 src/locale/lt_LT.ts                     |   1 +
 src/locale/lv_LV.ts                     |   1 +
 src/locale/mk_MK.ts                     |   1 +
 src/locale/ml_IN.ts                     |   1 +
 src/locale/mn_MN.ts                     |   1 +
 src/locale/ms_MY.ts                     |   1 +
 src/locale/my_MM.ts                     |   1 +
 src/locale/nb_NO.ts                     |   1 +
 src/locale/ne_NP.ts                     |   1 +
 src/locale/nl_BE.ts                     |   1 +
 src/locale/nl_NL.ts                     |   1 +
 src/locale/pl_PL.ts                     |   1 +
 src/locale/pt_BR.ts                     |   1 +
 src/locale/pt_PT.ts                     |   1 +
 src/locale/ro_RO.ts                     |   1 +
 src/locale/ru_RU.ts                     |   1 +
 src/locale/si_LK.ts                     |   1 +
 src/locale/sk_SK.ts                     |   1 +
 src/locale/sl_SI.ts                     |   1 +
 src/locale/sr_Cyrl_RS.ts                |   1 +
 src/locale/sr_RS.ts                     |   1 +
 src/locale/sv_SE.ts                     |   1 +
 src/locale/ta_IN.ts                     |   1 +
 src/locale/th_TH.ts                     |   1 +
 src/locale/tk_TK.ts                     |   1 +
 src/locale/tr_TR.ts                     |   1 +
 src/locale/ug_CN.ts                     |   1 +
 src/locale/uk_UA.ts                     |   1 +
 src/locale/ur_PK.ts                     |   1 +
 src/locale/uz_UZ.ts                     |   1 +
 src/locale/vi_VN.ts                     |   1 +
 src/locale/zh_CN.ts                     |   1 +
 src/locale/zh_TW.ts                     |   1 +
 tests/__snapshots__/panel.spec.tsx.snap | 136 +++++++++++++-----------
 tests/__snapshots__/range.spec.tsx.snap |  36 +++----
 79 files changed, 178 insertions(+), 92 deletions(-)

diff --git a/src/PickerPanel/DatePanel/index.tsx b/src/PickerPanel/DatePanel/index.tsx
index 4a6f387c3..e4bbe6595 100644
--- a/src/PickerPanel/DatePanel/index.tsx
+++ b/src/PickerPanel/DatePanel/index.tsx
@@ -98,7 +98,13 @@ export default function DatePanel<DateType extends object = any>(props: DatePane
       : []);
 
   if (prefixColumn) {
-    headerCells.push(<th key="empty" aria-label="empty cell" />);
+    headerCells.push(
+      <th key="empty">
+        <span style={{ width: 0, height: 0, position: 'absolute', overflow: 'hidden', opacity: 0 }}>
+          {locale.week}
+        </span>
+      </th>,
+    );
   }
   for (let i = 0; i < WEEK_DAY_COUNT; i += 1) {
     headerCells.push(<th key={i}>{weekDaysLocale[(i + weekFirstDay) % WEEK_DAY_COUNT]}</th>);
@@ -136,7 +142,7 @@ export default function DatePanel<DateType extends object = any>(props: DatePane
   const yearNode: React.ReactNode = (
     <button
       type="button"
-      aria-label="year panel"
+      aria-label={locale.yearSelect}
       key="year"
       onClick={() => {
         onModeChange('year', pickerValue);
@@ -154,7 +160,7 @@ export default function DatePanel<DateType extends object = any>(props: DatePane
   const monthNode: React.ReactNode = (
     <button
       type="button"
-      aria-label="month panel"
+      aria-label={locale.monthSelect}
       key="month"
       onClick={() => {
         onModeChange('month', pickerValue);
diff --git a/src/PickerPanel/MonthPanel/index.tsx b/src/PickerPanel/MonthPanel/index.tsx
index c860bd080..cfd22079f 100644
--- a/src/PickerPanel/MonthPanel/index.tsx
+++ b/src/PickerPanel/MonthPanel/index.tsx
@@ -71,7 +71,7 @@ export default function MonthPanel<DateType extends object = any>(
     <button
       type="button"
       key="year"
-      aria-label="year panel"
+      aria-label={locale.yearSelect}
       onClick={() => {
         onModeChange('year');
       }}
diff --git a/src/PickerPanel/PanelHeader.tsx b/src/PickerPanel/PanelHeader.tsx
index 88c8370fc..28dbb3179 100644
--- a/src/PickerPanel/PanelHeader.tsx
+++ b/src/PickerPanel/PanelHeader.tsx
@@ -122,7 +122,7 @@ function PanelHeader<DateType extends object>(props: HeaderProps<DateType>) {
       {superOffset && (
         <button
           type="button"
-          aria-label="super-prev-year"
+          aria-label={locale.previousYear}
           onClick={() => onSuperOffset(-1)}
           tabIndex={-1}
           className={classNames(
@@ -138,7 +138,7 @@ function PanelHeader<DateType extends object>(props: HeaderProps<DateType>) {
       {offset && (
         <button
           type="button"
-          aria-label="prev-year"
+          aria-label={locale.previousMonth}
           onClick={() => onOffset(-1)}
           tabIndex={-1}
           className={classNames(prevBtnCls, disabledOffsetPrev && `${prevBtnCls}-disabled`)}
@@ -152,7 +152,7 @@ function PanelHeader<DateType extends object>(props: HeaderProps<DateType>) {
       {offset && (
         <button
           type="button"
-          aria-label="next-year"
+          aria-label={locale.nextMonth}
           onClick={() => onOffset(1)}
           tabIndex={-1}
           className={classNames(nextBtnCls, disabledOffsetNext && `${nextBtnCls}-disabled`)}
@@ -165,7 +165,7 @@ function PanelHeader<DateType extends object>(props: HeaderProps<DateType>) {
       {superOffset && (
         <button
           type="button"
-          aria-label="super-next-year"
+          aria-label={locale.nextYear}
           onClick={() => onSuperOffset(1)}
           tabIndex={-1}
           className={classNames(
diff --git a/src/PickerPanel/QuarterPanel/index.tsx b/src/PickerPanel/QuarterPanel/index.tsx
index 85b6a2a7b..86542087a 100644
--- a/src/PickerPanel/QuarterPanel/index.tsx
+++ b/src/PickerPanel/QuarterPanel/index.tsx
@@ -39,7 +39,7 @@ export default function QuarterPanel<DateType extends object = any>(
     <button
       type="button"
       key="year"
-      aria-label="year panel"
+      aria-label={locale.yearSelect}
       onClick={() => {
         onModeChange('year');
       }}
diff --git a/src/PickerPanel/YearPanel/index.tsx b/src/PickerPanel/YearPanel/index.tsx
index 71b4a473b..ae7e42811 100644
--- a/src/PickerPanel/YearPanel/index.tsx
+++ b/src/PickerPanel/YearPanel/index.tsx
@@ -77,7 +77,7 @@ export default function YearPanel<DateType extends object = any>(
     <button
       type="button"
       key="decade"
-      aria-label="decade panel"
+      aria-label={locale.decadeSelect}
       onClick={() => {
         onModeChange('decade');
       }}
diff --git a/src/interface.tsx b/src/interface.tsx
index 02b055030..8938da9bd 100644
--- a/src/interface.tsx
+++ b/src/interface.tsx
@@ -63,6 +63,7 @@ export type Locale = {
   dateSelect: string;
   weekSelect?: string;
   clear: string;
+  week: string;
   month: string;
   year: string;
   previousMonth: string;
diff --git a/src/locale/am_ET.ts b/src/locale/am_ET.ts
index d8dd97618..5418a733b 100644
--- a/src/locale/am_ET.ts
+++ b/src/locale/am_ET.ts
@@ -7,6 +7,7 @@ const locale: Locale = {
   backToToday: 'ወደ ዛሬ ተመለስ',
   ok: 'እሺ',
   clear: 'አንፃ',
+  week: 'ሳምንት',
   month: 'ወር',
   year: 'ዓመት',
   timeSelect: 'ሰዓት ምረጥ',
diff --git a/src/locale/ar_EG.ts b/src/locale/ar_EG.ts
index bf41c1b45..64be47600 100644
--- a/src/locale/ar_EG.ts
+++ b/src/locale/ar_EG.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'العودة إلى اليوم',
   ok: 'تأكيد',
   clear: 'مسح',
+  week: 'الأسبوع',
   month: 'الشهر',
   year: 'السنة',
   timeSelect: 'اختيار الوقت',
diff --git a/src/locale/az_AZ.ts b/src/locale/az_AZ.ts
index 62e727bc0..0380334f1 100644
--- a/src/locale/az_AZ.ts
+++ b/src/locale/az_AZ.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Bugünə qayıt',
   ok: 'Təsdiq',
   clear: 'Təmizlə',
+  week: 'Həftə',
   month: 'Ay',
   year: 'İl',
   timeSelect: 'vaxtı seç',
diff --git a/src/locale/bg_BG.ts b/src/locale/bg_BG.ts
index a6f2e5a93..b8e8a1f9e 100644
--- a/src/locale/bg_BG.ts
+++ b/src/locale/bg_BG.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Към днес',
   ok: 'Добре',
   clear: 'Изчистване',
+  week: 'Седмица',
   month: 'Месец',
   year: 'Година',
   timeSelect: 'Избор на час',
diff --git a/src/locale/bn_BD.ts b/src/locale/bn_BD.ts
index aa5945c0e..c324da5ff 100644
--- a/src/locale/bn_BD.ts
+++ b/src/locale/bn_BD.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'আজকে ফিরে চলুন',
   ok: 'ওকে',
   clear: 'পরিস্কার',
+  week: 'সপ্তাহ',
   month: 'মাস',
   year: 'বছর',
   timeSelect: 'সময় নির্বাচন',
diff --git a/src/locale/by_BY.ts b/src/locale/by_BY.ts
index 3116fa9ee..2cff11568 100644
--- a/src/locale/by_BY.ts
+++ b/src/locale/by_BY.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Дадзеная дата',
   ok: 'OK',
   clear: 'Ачысціць',
+  week: 'Тыдзень',
   month: 'Месяц',
   year: 'Год',
   timeSelect: 'Выбраць час',
diff --git a/src/locale/ca_ES.ts b/src/locale/ca_ES.ts
index 2967e66c5..463ceecc9 100644
--- a/src/locale/ca_ES.ts
+++ b/src/locale/ca_ES.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Tornar a avui',
   ok: 'Acceptar',
   clear: 'Netejar',
+  week: 'Setmana',
   month: 'Mes',
   year: 'Any',
   timeSelect: 'Seleccionar hora',
diff --git a/src/locale/cs_CZ.ts b/src/locale/cs_CZ.ts
index 13658e916..b9e85129f 100644
--- a/src/locale/cs_CZ.ts
+++ b/src/locale/cs_CZ.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Zpět na dnešek',
   ok: 'OK',
   clear: 'Vymazat',
+  week: 'Týden',
   month: 'Měsíc',
   year: 'Rok',
   timeSelect: 'Vybrat čas',
diff --git a/src/locale/da_DK.ts b/src/locale/da_DK.ts
index 0d23a8d14..c4ebfd6bb 100644
--- a/src/locale/da_DK.ts
+++ b/src/locale/da_DK.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Gå til i dag',
   ok: 'OK',
   clear: 'Ryd',
+  week: 'Uge',
   month: 'Måned',
   year: 'År',
   timeSelect: 'Vælg tidspunkt',
diff --git a/src/locale/de_DE.ts b/src/locale/de_DE.ts
index a83392fa5..666aa8371 100644
--- a/src/locale/de_DE.ts
+++ b/src/locale/de_DE.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Zurück zu Heute',
   ok: 'OK',
   clear: 'Zurücksetzen',
+  week: 'Woche',
   month: 'Monat',
   year: 'Jahr',
   timeSelect: 'Zeit wählen',
diff --git a/src/locale/el_GR.ts b/src/locale/el_GR.ts
index 40e6b1ef4..16fbec8e0 100644
--- a/src/locale/el_GR.ts
+++ b/src/locale/el_GR.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Πίσω στη σημερινή μέρα',
   ok: 'OK',
   clear: 'Καθαρισμός',
+  week: 'Εβδομάδα',
   month: 'Μήνας',
   year: 'Έτος',
   timeSelect: 'Επιλογή ώρας',
diff --git a/src/locale/en_GB.ts b/src/locale/en_GB.ts
index 18c1383e7..240a46b0d 100644
--- a/src/locale/en_GB.ts
+++ b/src/locale/en_GB.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Back to today',
   ok: 'OK',
   clear: 'Clear',
+  week: 'Week',
   month: 'Month',
   year: 'Year',
   timeSelect: 'Select time',
diff --git a/src/locale/en_US.ts b/src/locale/en_US.ts
index f0d682f89..f68c9ebd6 100644
--- a/src/locale/en_US.ts
+++ b/src/locale/en_US.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Back to today',
   ok: 'OK',
   clear: 'Clear',
+  week: 'Week',
   month: 'Month',
   year: 'Year',
   timeSelect: 'select time',
diff --git a/src/locale/es_ES.ts b/src/locale/es_ES.ts
index 9aa10a714..d9e4d6d63 100644
--- a/src/locale/es_ES.ts
+++ b/src/locale/es_ES.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Volver a hoy',
   ok: 'Aceptar',
   clear: 'Limpiar',
+  week: 'Semana',
   month: 'Mes',
   year: 'Año',
   timeSelect: 'Seleccionar hora',
diff --git a/src/locale/es_MX.ts b/src/locale/es_MX.ts
index 0aa2fe30e..6b84877ff 100644
--- a/src/locale/es_MX.ts
+++ b/src/locale/es_MX.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Volver a hoy',
   ok: 'Aceptar',
   clear: 'Limpiar',
+  week: 'Semana',
   month: 'Mes',
   year: 'Año',
   timeSelect: 'elegir hora',
diff --git a/src/locale/et_EE.ts b/src/locale/et_EE.ts
index 7bea08882..f3f79d1c5 100644
--- a/src/locale/et_EE.ts
+++ b/src/locale/et_EE.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Tagasi tänase juurde',
   ok: 'OK',
   clear: 'Tühista',
+  week: 'Nädal',
   month: 'Kuu',
   year: 'Aasta',
   timeSelect: 'Vali aeg',
diff --git a/src/locale/eu_ES.ts b/src/locale/eu_ES.ts
index f551959fe..79f640f92 100644
--- a/src/locale/eu_ES.ts
+++ b/src/locale/eu_ES.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Gaur itzuli',
   ok: 'OK',
   clear: 'Garbitu',
+  week: 'Asteko',
   month: 'Hilabete',
   year: 'Urte',
   timeSelect: 'Ordua aukeratu',
diff --git a/src/locale/fa_IR.ts b/src/locale/fa_IR.ts
index 27f22c192..319005683 100644
--- a/src/locale/fa_IR.ts
+++ b/src/locale/fa_IR.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'بازگشت به روز',
   ok: 'باشه',
   clear: 'پاک کردن',
+  week: 'هفته',
   month: 'ماه',
   year: 'سال',
   timeSelect: 'انتخاب زمان',
diff --git a/src/locale/fi_FI.ts b/src/locale/fi_FI.ts
index d7535d211..1297533d4 100644
--- a/src/locale/fi_FI.ts
+++ b/src/locale/fi_FI.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Tämä päivä',
   ok: 'OK',
   clear: 'Tyhjennä',
+  week: 'Viikko',
   month: 'Kuukausi',
   year: 'Vuosi',
   timeSelect: 'Valise aika',
diff --git a/src/locale/fr_BE.ts b/src/locale/fr_BE.ts
index 5da8af5f5..40c42e4bb 100644
--- a/src/locale/fr_BE.ts
+++ b/src/locale/fr_BE.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: "Aujourd'hui",
   ok: 'OK',
   clear: 'Rétablir',
+  week: 'Semaine',
   month: 'Mois',
   year: 'Année',
   timeSelect: "Sélectionner l'heure",
diff --git a/src/locale/fr_CA.ts b/src/locale/fr_CA.ts
index 8bbc94717..467a1e1ab 100644
--- a/src/locale/fr_CA.ts
+++ b/src/locale/fr_CA.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: "Aujourd'hui",
   ok: 'OK',
   clear: 'Rétablir',
+  week: 'Semaine',
   month: 'Mois',
   year: 'Année',
   timeSelect: "Sélectionner l'heure",
diff --git a/src/locale/fr_FR.ts b/src/locale/fr_FR.ts
index f75408599..12ec850cd 100644
--- a/src/locale/fr_FR.ts
+++ b/src/locale/fr_FR.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: "Aujourd'hui",
   ok: 'OK',
   clear: 'Rétablir',
+  week: 'Semaine',
   month: 'Mois',
   year: 'Année',
   timeSelect: "Sélectionner l'heure",
diff --git a/src/locale/ga_IE.ts b/src/locale/ga_IE.ts
index 4f41f466c..f0e4150f2 100644
--- a/src/locale/ga_IE.ts
+++ b/src/locale/ga_IE.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Ar ais inniu',
   ok: 'ceart go leor',
   clear: 'soiléir',
+  week: 'seachtain',
   month: 'mhí',
   year: 'bhliain',
   timeSelect: 'roghnaigh am',
diff --git a/src/locale/gl_ES.ts b/src/locale/gl_ES.ts
index 456d763af..1e856a14b 100644
--- a/src/locale/gl_ES.ts
+++ b/src/locale/gl_ES.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Voltar a hoxe',
   ok: 'Aceptar',
   clear: 'Limpar',
+  week: 'Semana',
   month: 'Mes',
   year: 'Ano',
   timeSelect: 'Seleccionar hora',
diff --git a/src/locale/he_IL.ts b/src/locale/he_IL.ts
index 38a968fbf..764d8b4b1 100644
--- a/src/locale/he_IL.ts
+++ b/src/locale/he_IL.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'חזור להיום',
   ok: 'אישור',
   clear: 'איפוס',
+  week: 'שבוע',
   month: 'חודש',
   year: 'שנה',
   timeSelect: 'בחר שעה',
diff --git a/src/locale/hi_IN.ts b/src/locale/hi_IN.ts
index fe0bbbddd..3e637c7f5 100644
--- a/src/locale/hi_IN.ts
+++ b/src/locale/hi_IN.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'आज तक',
   ok: 'ठीक',
   clear: 'स्पष्ट',
+  week: 'सप्ताह',
   month: 'महीना',
   year: 'साल',
   timeSelect: 'समय का चयन करें',
diff --git a/src/locale/hr_HR.ts b/src/locale/hr_HR.ts
index 06f02e71b..eb4705559 100644
--- a/src/locale/hr_HR.ts
+++ b/src/locale/hr_HR.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Natrag na danas',
   ok: 'OK',
   clear: 'Očisti',
+  week: 'Sedmica',
   month: 'Mjesec',
   year: 'Godina',
   timeSelect: 'odaberite vrijeme',
diff --git a/src/locale/hu_HU.ts b/src/locale/hu_HU.ts
index 35285eea6..f42eb0249 100644
--- a/src/locale/hu_HU.ts
+++ b/src/locale/hu_HU.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Vissza a mai napra', // 'Back to today',
   ok: 'OK',
   clear: 'Törlés', // 'Clear',
+  week: 'Hét',
   month: 'Hónap', // 'Month',
   year: 'Év', // 'Year',
   timeSelect: 'Időpont kiválasztása', // 'Select time',
diff --git a/src/locale/id_ID.ts b/src/locale/id_ID.ts
index e1f7d3d16..76efbae18 100644
--- a/src/locale/id_ID.ts
+++ b/src/locale/id_ID.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Kembali ke hari ini',
   ok: 'Baik',
   clear: 'Bersih',
+  week: 'Minggu',
   month: 'Bulan',
   year: 'Tahun',
   timeSelect: 'pilih waktu',
diff --git a/src/locale/is_IS.ts b/src/locale/is_IS.ts
index 9b9077685..46adbb53e 100644
--- a/src/locale/is_IS.ts
+++ b/src/locale/is_IS.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Til baka til dagsins í dag',
   ok: 'Í lagi',
   clear: 'Hreinsa',
+  week: 'Vika',
   month: 'Mánuður',
   year: 'Ár',
   timeSelect: 'Velja tíma',
diff --git a/src/locale/it_IT.ts b/src/locale/it_IT.ts
index 6b225ca90..99279dc4b 100644
--- a/src/locale/it_IT.ts
+++ b/src/locale/it_IT.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Torna ad oggi',
   ok: 'OK',
   clear: 'Cancella',
+  week: 'Settimana',
   month: 'Mese',
   year: 'Anno',
   timeSelect: "Seleziona l'ora",
diff --git a/src/locale/ja_JP.ts b/src/locale/ja_JP.ts
index 2665050f9..1211ab3a7 100644
--- a/src/locale/ja_JP.ts
+++ b/src/locale/ja_JP.ts
@@ -12,6 +12,7 @@ const locale: Locale = {
   dateSelect: '日時を選択',
   weekSelect: '週を選択',
   clear: 'クリア',
+  week: '週',
   month: '月',
   year: '年',
   previousMonth: '前月 (ページアップキー)',
diff --git a/src/locale/ka_GE.ts b/src/locale/ka_GE.ts
index d4f3b74e9..518c2bf92 100644
--- a/src/locale/ka_GE.ts
+++ b/src/locale/ka_GE.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'მიმდინარე თარიღი',
   ok: 'OK',
   clear: 'გასუფთავება',
+  week: 'კვირა',
   month: 'თვე',
   year: 'წელი',
   timeSelect: 'დროის არჩევა',
diff --git a/src/locale/kk_KZ.ts b/src/locale/kk_KZ.ts
index ccdebcee9..d9c736f41 100644
--- a/src/locale/kk_KZ.ts
+++ b/src/locale/kk_KZ.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Ағымдағы күн',
   ok: 'Таңдау',
   clear: 'Таза',
+  week: 'Апта',
   month: 'Ай',
   year: 'Жыл',
   timeSelect: 'Уақытты таңдау',
diff --git a/src/locale/km_KH.ts b/src/locale/km_KH.ts
index 7eba3aae4..b7bbed647 100644
--- a/src/locale/km_KH.ts
+++ b/src/locale/km_KH.ts
@@ -12,6 +12,7 @@ const locale: Locale = {
   dateSelect: 'ជ្រើសរើសកាលបរិច្ឆេទ',
   weekSelect: 'ជ្រើសរើសសប្តាហ៍',
   clear: 'ច្បាស់',
+  week: 'សប្តាហ៍',
   month: 'ខែ',
   year: 'ឆ្នាំ',
   previousMonth: 'ខែមុន (ឡើងទំព័រ)',
diff --git a/src/locale/kmr_IQ.ts b/src/locale/kmr_IQ.ts
index f8573a54f..bcf60dc22 100644
--- a/src/locale/kmr_IQ.ts
+++ b/src/locale/kmr_IQ.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Vegere îro',
   ok: 'Temam',
   clear: 'Paqij bike',
+  week: 'Sêbê',
   month: 'Meh',
   year: 'Sal',
   timeSelect: 'Demê hilbijêre',
diff --git a/src/locale/kn_IN.ts b/src/locale/kn_IN.ts
index 226191cd0..965bee542 100644
--- a/src/locale/kn_IN.ts
+++ b/src/locale/kn_IN.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'ಇಂದು ಹಿಂದಿರುಗಿ',
   ok: 'ಸರಿ',
   clear: 'ಸ್ಪಷ್ಟ',
+  week: 'ವಾರ',
   month: 'ತಿಂಗಳು',
   year: 'ವರ್ಷ',
   timeSelect: 'ಸಮಯ ಆಯ್ಕೆಮಾಡಿ',
diff --git a/src/locale/ko_KR.ts b/src/locale/ko_KR.ts
index 2845907f3..70e178221 100644
--- a/src/locale/ko_KR.ts
+++ b/src/locale/ko_KR.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: '오늘로 돌아가기',
   ok: '확인',
   clear: '지우기',
+  week: '주',
   month: '월',
   year: '년',
   timeSelect: '시간 선택',
diff --git a/src/locale/lt_LT.ts b/src/locale/lt_LT.ts
index b8c9b9719..93bcf1265 100644
--- a/src/locale/lt_LT.ts
+++ b/src/locale/lt_LT.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Rodyti šiandien',
   ok: 'Gerai',
   clear: 'Išvalyti',
+  week: 'Savaitė',
   month: 'Mėnesis',
   year: 'Metai',
   timeSelect: 'Pasirinkti laiką',
diff --git a/src/locale/lv_LV.ts b/src/locale/lv_LV.ts
index 31d4c6dc4..6c048d677 100644
--- a/src/locale/lv_LV.ts
+++ b/src/locale/lv_LV.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Atpakaļ pie šodienas',
   ok: 'OK',
   clear: 'Skaidrs',
+  week: 'Nedēļa',
   month: 'Mēnesis',
   year: 'Gads',
   timeSelect: 'Izvēlieties laiku',
diff --git a/src/locale/mk_MK.ts b/src/locale/mk_MK.ts
index 5a2e989b6..c626da91a 100644
--- a/src/locale/mk_MK.ts
+++ b/src/locale/mk_MK.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Назад до денес',
   ok: 'ОК',
   clear: 'Избриши',
+  week: 'Недела',
   month: 'Месец',
   year: 'Година',
   timeSelect: 'Избери време',
diff --git a/src/locale/ml_IN.ts b/src/locale/ml_IN.ts
index 23ec40578..96b3b52c7 100644
--- a/src/locale/ml_IN.ts
+++ b/src/locale/ml_IN.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'ഇന്നത്തെ ദിവസത്തിലേക്ക് തിരിച്ചു പോകുക',
   ok: 'ശരിയാണ്',
   clear: 'നീക്കം ചെയ്യുക',
+  week: 'ആഴ്ച',
   month: 'മാസം',
   year: 'വർഷം',
   timeSelect: 'സമയം തിരഞ്ഞെടുക്കുക',
diff --git a/src/locale/mn_MN.ts b/src/locale/mn_MN.ts
index 8aed44d89..95141f803 100644
--- a/src/locale/mn_MN.ts
+++ b/src/locale/mn_MN.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Өнөөдөрлүү буцах',
   ok: 'OK',
   clear: 'Цэвэрлэх',
+  week: 'Долоо хоног',
   month: 'Сар',
   year: 'Жил',
   timeSelect: 'Цаг сонгох',
diff --git a/src/locale/ms_MY.ts b/src/locale/ms_MY.ts
index a2fdfd181..f7b2428cf 100644
--- a/src/locale/ms_MY.ts
+++ b/src/locale/ms_MY.ts
@@ -12,6 +12,7 @@ const locale: Locale = {
   dateSelect: 'Pilih tarikh',
   weekSelect: 'Pilih minggu',
   clear: 'Padam',
+  week: 'Minggu',
   month: 'Bulan',
   year: 'Tahun',
   previousMonth: 'Bulan lepas',
diff --git a/src/locale/my_MM.ts b/src/locale/my_MM.ts
index 75ff2694f..fee50fc41 100644
--- a/src/locale/my_MM.ts
+++ b/src/locale/my_MM.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'ယနေ့မတိုင်ခင်သို့',
   ok: 'OK',
   clear: 'ရှင်းမည်',
+  week: 'အပတ်',
   month: 'လ',
   year: 'နှစ်',
   timeSelect: 'အချိန်ကိုရွေး',
diff --git a/src/locale/nb_NO.ts b/src/locale/nb_NO.ts
index 8dca2e04e..5029999e8 100644
--- a/src/locale/nb_NO.ts
+++ b/src/locale/nb_NO.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Gå til i dag',
   ok: 'OK',
   clear: 'Annuller',
+  week: 'Uke',
   month: 'Måned',
   year: 'År',
   timeSelect: 'Velg tidspunkt',
diff --git a/src/locale/ne_NP.ts b/src/locale/ne_NP.ts
index c16f880c0..3372899e9 100644
--- a/src/locale/ne_NP.ts
+++ b/src/locale/ne_NP.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'आज फर्कनुहोस्',
   ok: 'ठिक छ',
   clear: 'खाली गर्नुहोस्',
+  week: 'हप्ता',
   month: 'महिना',
   year: 'वर्ष',
   timeSelect: 'समय चयन गर्नुहोस्',
diff --git a/src/locale/nl_BE.ts b/src/locale/nl_BE.ts
index b68f699c9..ee6e9de0f 100644
--- a/src/locale/nl_BE.ts
+++ b/src/locale/nl_BE.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Terug naar vandaag',
   ok: 'OK',
   clear: 'Reset',
+  week: 'Week',
   month: 'Maand',
   year: 'Jaar',
   timeSelect: 'Selecteer tijd',
diff --git a/src/locale/nl_NL.ts b/src/locale/nl_NL.ts
index 171935522..b6e11dd38 100644
--- a/src/locale/nl_NL.ts
+++ b/src/locale/nl_NL.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Terug naar vandaag',
   ok: 'OK',
   clear: 'Reset',
+  week: 'Week',
   month: 'Maand',
   year: 'Jaar',
   timeSelect: 'Selecteer tijd',
diff --git a/src/locale/pl_PL.ts b/src/locale/pl_PL.ts
index 032fe198f..2ec0fe680 100644
--- a/src/locale/pl_PL.ts
+++ b/src/locale/pl_PL.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Ustaw dzisiaj',
   ok: 'OK',
   clear: 'Wyczyść',
+  week: 'Tydzień',
   month: 'Miesiąc',
   year: 'Rok',
   timeSelect: 'Ustaw czas',
diff --git a/src/locale/pt_BR.ts b/src/locale/pt_BR.ts
index 225fea103..c89e6156b 100644
--- a/src/locale/pt_BR.ts
+++ b/src/locale/pt_BR.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Voltar para hoje',
   ok: 'OK',
   clear: 'Limpar',
+  week: 'Semana',
   month: 'Mês',
   year: 'Ano',
   timeSelect: 'Selecionar hora',
diff --git a/src/locale/pt_PT.ts b/src/locale/pt_PT.ts
index da6e44a60..d6e680e70 100644
--- a/src/locale/pt_PT.ts
+++ b/src/locale/pt_PT.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Hoje',
   ok: 'OK',
   clear: 'Limpar',
+  week: 'Semana',
   month: 'Mês',
   year: 'Ano',
   timeSelect: 'Selecionar hora',
diff --git a/src/locale/ro_RO.ts b/src/locale/ro_RO.ts
index 5eb518316..de97eef9d 100644
--- a/src/locale/ro_RO.ts
+++ b/src/locale/ro_RO.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Înapoi la azi',
   ok: 'OK',
   clear: 'Șterge',
+  week: 'Săptămână',
   month: 'Lună',
   year: 'An',
   timeSelect: 'selectează timpul',
diff --git a/src/locale/ru_RU.ts b/src/locale/ru_RU.ts
index 7a79f5496..c73dd8c57 100644
--- a/src/locale/ru_RU.ts
+++ b/src/locale/ru_RU.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Текущая дата',
   ok: 'ОК',
   clear: 'Очистить',
+  week: 'Неделя',
   month: 'Месяц',
   year: 'Год',
   timeSelect: 'Выбрать время',
diff --git a/src/locale/si_LK.ts b/src/locale/si_LK.ts
index 0d79613fc..21fc5c14f 100644
--- a/src/locale/si_LK.ts
+++ b/src/locale/si_LK.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'අදට ආපසු',
   ok: 'හරි',
   clear: 'හිස් කරන්න',
+  week: 'සතිය',
   month: 'මාසය',
   year: 'අවුරුද්ද',
   timeSelect: 'වේලාවක් තෝරන්න',
diff --git a/src/locale/sk_SK.ts b/src/locale/sk_SK.ts
index 5125a65b3..c41163eb2 100644
--- a/src/locale/sk_SK.ts
+++ b/src/locale/sk_SK.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Späť na dnes',
   ok: 'OK',
   clear: 'Vymazať',
+  week: 'Týždeň',
   month: 'Mesiac',
   year: 'Rok',
   timeSelect: 'Vybrať čas',
diff --git a/src/locale/sl_SI.ts b/src/locale/sl_SI.ts
index 95a27a2f8..e177d8e66 100644
--- a/src/locale/sl_SI.ts
+++ b/src/locale/sl_SI.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Nazaj na danes',
   ok: 'V redu',
   clear: 'Počisti',
+  week: 'Teden',
   month: 'Mesec',
   year: 'Leto',
   timeSelect: 'Izberite čas',
diff --git a/src/locale/sr_Cyrl_RS.ts b/src/locale/sr_Cyrl_RS.ts
index 328db2fbe..9576acd67 100644
--- a/src/locale/sr_Cyrl_RS.ts
+++ b/src/locale/sr_Cyrl_RS.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Врати се на данас',
   ok: 'У реду',
   clear: 'Обриши',
+  week: 'Недеља',
   month: 'Месец',
   year: 'Година',
   timeSelect: 'Изабери време',
diff --git a/src/locale/sr_RS.ts b/src/locale/sr_RS.ts
index f36221573..6205cce8e 100644
--- a/src/locale/sr_RS.ts
+++ b/src/locale/sr_RS.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Vrati se na danas',
   ok: 'U redu',
   clear: 'Obriši',
+  week: 'Nedelja',
   month: 'Mesec',
   year: 'Godina',
   timeSelect: 'Izaberi vreme',
diff --git a/src/locale/sv_SE.ts b/src/locale/sv_SE.ts
index 834e0111b..d0f598e63 100644
--- a/src/locale/sv_SE.ts
+++ b/src/locale/sv_SE.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Till idag',
   ok: 'OK',
   clear: 'Avbryt',
+  week: 'Vecka',
   month: 'Månad',
   year: 'År',
   timeSelect: 'Välj tidpunkt',
diff --git a/src/locale/ta_IN.ts b/src/locale/ta_IN.ts
index 203a18681..16351378e 100644
--- a/src/locale/ta_IN.ts
+++ b/src/locale/ta_IN.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'இன்றுக்கு திரும்பு',
   ok: 'சரி',
   clear: 'அழி',
+  week: 'வாரம்',
   month: 'மாதம்',
   year: 'வருடம்',
   timeSelect: 'நேரத்தைத் தேர்ந்தெடு',
diff --git a/src/locale/th_TH.ts b/src/locale/th_TH.ts
index 72345216d..8ce4fac54 100644
--- a/src/locale/th_TH.ts
+++ b/src/locale/th_TH.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'กลับไปยังวันนี้',
   ok: 'ตกลง',
   clear: 'ลบล้าง',
+  week: 'สัปดาห์',
   month: 'เดือน',
   year: 'ปี',
   timeSelect: 'เลือกเวลา',
diff --git a/src/locale/tk_TK.ts b/src/locale/tk_TK.ts
index 171d4a519..ae126e35b 100644
--- a/src/locale/tk_TK.ts
+++ b/src/locale/tk_TK.ts
@@ -10,6 +10,7 @@ const locale: Locale = {
   ok: 'Bolýar',
   clear: 'Arassala',
   month: 'Aý',
+  week: 'Hepde',
   year: 'Ýyl',
   timeSelect: 'Wagt saýla',
   dateSelect: 'Gün saýla',
diff --git a/src/locale/tr_TR.ts b/src/locale/tr_TR.ts
index 5495f7ba4..62063ab6f 100644
--- a/src/locale/tr_TR.ts
+++ b/src/locale/tr_TR.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Bugüne Geri Dön',
   ok: 'Tamam',
   clear: 'Temizle',
+  week: 'Hafta',
   month: 'Ay',
   year: 'Yıl',
   timeSelect: 'Zaman Seç',
diff --git a/src/locale/ug_CN.ts b/src/locale/ug_CN.ts
index cbd7c63b4..da3331d57 100644
--- a/src/locale/ug_CN.ts
+++ b/src/locale/ug_CN.ts
@@ -11,6 +11,7 @@ const locale: Locale = {
   timeSelect: 'ۋاقىت تاللاش',
   dateSelect: 'كۈن تاللاش',
   clear: 'تازىلاش',
+  week: 'ھەپتە',
   month: 'ئاي',
   year: 'يىل',
   previousMonth: 'ئالدىنقى ئاي(ئالدىنقى بەت )',
diff --git a/src/locale/uk_UA.ts b/src/locale/uk_UA.ts
index 45ca24f49..7222b6000 100644
--- a/src/locale/uk_UA.ts
+++ b/src/locale/uk_UA.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Поточна дата',
   ok: 'OK',
   clear: 'Очистити',
+  week: 'Тиждень',
   month: 'Місяць',
   year: 'Рік',
   timeSelect: 'Обрати час',
diff --git a/src/locale/ur_PK.ts b/src/locale/ur_PK.ts
index f10f4df76..ca5e82a76 100644
--- a/src/locale/ur_PK.ts
+++ b/src/locale/ur_PK.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'آج واپس',
   ok: 'ٹھیک ہے',
   clear: 'صاف',
+  week: 'ہفتہ',
   month: 'مہینہ',
   year: 'سال',
   timeSelect: 'وقت منتخب کریں',
diff --git a/src/locale/uz_UZ.ts b/src/locale/uz_UZ.ts
index 352ac6a1b..e5f4b429f 100644
--- a/src/locale/uz_UZ.ts
+++ b/src/locale/uz_UZ.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Bugunga qaytish',
   ok: 'OK',
   clear: 'Toza',
+  week: 'Xafta',
   month: 'Oy',
   year: 'Yil',
   timeSelect: 'vaqtni tanlang',
diff --git a/src/locale/vi_VN.ts b/src/locale/vi_VN.ts
index b596d0594..2b4124c33 100644
--- a/src/locale/vi_VN.ts
+++ b/src/locale/vi_VN.ts
@@ -9,6 +9,7 @@ const locale: Locale = {
   backToToday: 'Trở về hôm nay',
   ok: 'OK',
   clear: 'Xóa',
+  week: 'Tuần',
   month: 'Tháng',
   year: 'Năm',
   timeSelect: 'Chọn thời gian',
diff --git a/src/locale/zh_CN.ts b/src/locale/zh_CN.ts
index bf09d2127..0123c83f9 100644
--- a/src/locale/zh_CN.ts
+++ b/src/locale/zh_CN.ts
@@ -12,6 +12,7 @@ const locale: Locale = {
   dateSelect: '选择日期',
   weekSelect: '选择周',
   clear: '清除',
+  week: '周',
   month: '月',
   year: '年',
   previousMonth: '上个月 (翻页上键)',
diff --git a/src/locale/zh_TW.ts b/src/locale/zh_TW.ts
index feb293642..ea1e11113 100644
--- a/src/locale/zh_TW.ts
+++ b/src/locale/zh_TW.ts
@@ -13,6 +13,7 @@ const locale: Locale = {
   dateSelect: '選擇日期',
   weekSelect: '選擇周',
   clear: '清除',
+  week: '週',
   month: '月',
   year: '年',
   previousMonth: '上個月 (翻頁上鍵)',
diff --git a/tests/__snapshots__/panel.spec.tsx.snap b/tests/__snapshots__/panel.spec.tsx.snap
index 4f1a4fbd6..34125971b 100644
--- a/tests/__snapshots__/panel.spec.tsx.snap
+++ b/tests/__snapshots__/panel.spec.tsx.snap
@@ -13,7 +13,7 @@ exports[`Picker.Panel append cell with cellRender in date 1`] = `
         class="rc-picker-header"
       >
         <button
-          aria-label="super-prev-year"
+          aria-label="Last year (Control + left)"
           class="rc-picker-header-super-prev-btn"
           tabindex="-1"
           type="button"
@@ -21,7 +21,7 @@ exports[`Picker.Panel append cell with cellRender in date 1`] = `
           «
         </button>
         <button
-          aria-label="prev-year"
+          aria-label="Previous month (PageUp)"
           class="rc-picker-header-prev-btn"
           tabindex="-1"
           type="button"
@@ -32,7 +32,7 @@ exports[`Picker.Panel append cell with cellRender in date 1`] = `
           class="rc-picker-header-view"
         >
           <button
-            aria-label="month panel"
+            aria-label="Choose a month"
             class="rc-picker-month-btn"
             tabindex="-1"
             type="button"
@@ -40,7 +40,7 @@ exports[`Picker.Panel append cell with cellRender in date 1`] = `
             Sep
           </button>
           <button
-            aria-label="year panel"
+            aria-label="Choose a year"
             class="rc-picker-year-btn"
             tabindex="-1"
             type="button"
@@ -49,7 +49,7 @@ exports[`Picker.Panel append cell with cellRender in date 1`] = `
           </button>
         </div>
         <button
-          aria-label="next-year"
+          aria-label="Next month (PageDown)"
           class="rc-picker-header-next-btn"
           tabindex="-1"
           type="button"
@@ -57,7 +57,7 @@ exports[`Picker.Panel append cell with cellRender in date 1`] = `
           ›
         </button>
         <button
-          aria-label="super-next-year"
+          aria-label="Next year (Control + right)"
           class="rc-picker-header-super-next-btn"
           tabindex="-1"
           type="button"
@@ -718,7 +718,7 @@ exports[`Picker.Panel append cell with cellRender in decade 1`] = `
         class="rc-picker-header"
       >
         <button
-          aria-label="super-prev-year"
+          aria-label="Last year (Control + left)"
           class="rc-picker-header-super-prev-btn"
           tabindex="-1"
           type="button"
@@ -731,7 +731,7 @@ exports[`Picker.Panel append cell with cellRender in decade 1`] = `
           1900-1999
         </div>
         <button
-          aria-label="super-next-year"
+          aria-label="Next year (Control + right)"
           class="rc-picker-header-super-next-btn"
           tabindex="-1"
           type="button"
@@ -931,7 +931,7 @@ exports[`Picker.Panel append cell with cellRender in month 1`] = `
         class="rc-picker-header"
       >
         <button
-          aria-label="super-prev-year"
+          aria-label="Last year (Control + left)"
           class="rc-picker-header-super-prev-btn"
           tabindex="-1"
           type="button"
@@ -942,7 +942,7 @@ exports[`Picker.Panel append cell with cellRender in month 1`] = `
           class="rc-picker-header-view"
         >
           <button
-            aria-label="year panel"
+            aria-label="Choose a year"
             class="rc-picker-year-btn"
             tabindex="-1"
             type="button"
@@ -951,7 +951,7 @@ exports[`Picker.Panel append cell with cellRender in month 1`] = `
           </button>
         </div>
         <button
-          aria-label="super-next-year"
+          aria-label="Next year (Control + right)"
           class="rc-picker-header-super-next-btn"
           tabindex="-1"
           type="button"
@@ -1163,7 +1163,7 @@ exports[`Picker.Panel append cell with cellRender in quarter 1`] = `
         class="rc-picker-header"
       >
         <button
-          aria-label="super-prev-year"
+          aria-label="Last year (Control + left)"
           class="rc-picker-header-super-prev-btn"
           tabindex="-1"
           type="button"
@@ -1174,7 +1174,7 @@ exports[`Picker.Panel append cell with cellRender in quarter 1`] = `
           class="rc-picker-header-view"
         >
           <button
-            aria-label="year panel"
+            aria-label="Choose a year"
             class="rc-picker-year-btn"
             tabindex="-1"
             type="button"
@@ -1183,7 +1183,7 @@ exports[`Picker.Panel append cell with cellRender in quarter 1`] = `
           </button>
         </div>
         <button
-          aria-label="super-next-year"
+          aria-label="Next year (Control + right)"
           class="rc-picker-header-super-next-btn"
           tabindex="-1"
           type="button"
@@ -3335,7 +3335,7 @@ exports[`Picker.Panel append cell with cellRender in week 1`] = `
         class="rc-picker-header"
       >
         <button
-          aria-label="super-prev-year"
+          aria-label="Last year (Control + left)"
           class="rc-picker-header-super-prev-btn"
           tabindex="-1"
           type="button"
@@ -3343,7 +3343,7 @@ exports[`Picker.Panel append cell with cellRender in week 1`] = `
           «
         </button>
         <button
-          aria-label="prev-year"
+          aria-label="Previous month (PageUp)"
           class="rc-picker-header-prev-btn"
           tabindex="-1"
           type="button"
@@ -3354,7 +3354,7 @@ exports[`Picker.Panel append cell with cellRender in week 1`] = `
           class="rc-picker-header-view"
         >
           <button
-            aria-label="month panel"
+            aria-label="Choose a month"
             class="rc-picker-month-btn"
             tabindex="-1"
             type="button"
@@ -3362,7 +3362,7 @@ exports[`Picker.Panel append cell with cellRender in week 1`] = `
             Sep
           </button>
           <button
-            aria-label="year panel"
+            aria-label="Choose a year"
             class="rc-picker-year-btn"
             tabindex="-1"
             type="button"
@@ -3371,7 +3371,7 @@ exports[`Picker.Panel append cell with cellRender in week 1`] = `
           </button>
         </div>
         <button
-          aria-label="next-year"
+          aria-label="Next month (PageDown)"
           class="rc-picker-header-next-btn"
           tabindex="-1"
           type="button"
@@ -3379,7 +3379,7 @@ exports[`Picker.Panel append cell with cellRender in week 1`] = `
           ›
         </button>
         <button
-          aria-label="super-next-year"
+          aria-label="Next year (Control + right)"
           class="rc-picker-header-super-next-btn"
           tabindex="-1"
           type="button"
@@ -3395,9 +3395,13 @@ exports[`Picker.Panel append cell with cellRender in week 1`] = `
         >
           <thead>
             <tr>
-              <th
-                aria-label="empty cell"
-              />
+              <th>
+                <span
+                  style="width: 0px; height: 0px; position: absolute; overflow: hidden; opacity: 0;"
+                >
+                  Week
+                </span>
+              </th>
               <th>
                 Su
               </th>
@@ -4109,7 +4113,7 @@ exports[`Picker.Panel append cell with cellRender in year 1`] = `
         class="rc-picker-header"
       >
         <button
-          aria-label="super-prev-year"
+          aria-label="Last year (Control + left)"
           class="rc-picker-header-super-prev-btn"
           tabindex="-1"
           type="button"
@@ -4120,7 +4124,7 @@ exports[`Picker.Panel append cell with cellRender in year 1`] = `
           class="rc-picker-header-view"
         >
           <button
-            aria-label="decade panel"
+            aria-label="Choose a decade"
             class="rc-picker-decade-btn"
             tabindex="-1"
             type="button"
@@ -4131,7 +4135,7 @@ exports[`Picker.Panel append cell with cellRender in year 1`] = `
           </button>
         </div>
         <button
-          aria-label="super-next-year"
+          aria-label="Next year (Control + right)"
           class="rc-picker-header-super-next-btn"
           tabindex="-1"
           type="button"
@@ -4428,7 +4432,7 @@ exports[`Picker.Panel override cell with cellRender in date 1`] = `
         class="rc-picker-header"
       >
         <button
-          aria-label="super-prev-year"
+          aria-label="Last year (Control + left)"
           class="rc-picker-header-super-prev-btn"
           tabindex="-1"
           type="button"
@@ -4436,7 +4440,7 @@ exports[`Picker.Panel override cell with cellRender in date 1`] = `
           «
         </button>
         <button
-          aria-label="prev-year"
+          aria-label="Previous month (PageUp)"
           class="rc-picker-header-prev-btn"
           tabindex="-1"
           type="button"
@@ -4447,7 +4451,7 @@ exports[`Picker.Panel override cell with cellRender in date 1`] = `
           class="rc-picker-header-view"
         >
           <button
-            aria-label="month panel"
+            aria-label="Choose a month"
             class="rc-picker-month-btn"
             tabindex="-1"
             type="button"
@@ -4455,7 +4459,7 @@ exports[`Picker.Panel override cell with cellRender in date 1`] = `
             Sep
           </button>
           <button
-            aria-label="year panel"
+            aria-label="Choose a year"
             class="rc-picker-year-btn"
             tabindex="-1"
             type="button"
@@ -4464,7 +4468,7 @@ exports[`Picker.Panel override cell with cellRender in date 1`] = `
           </button>
         </div>
         <button
-          aria-label="next-year"
+          aria-label="Next month (PageDown)"
           class="rc-picker-header-next-btn"
           tabindex="-1"
           type="button"
@@ -4472,7 +4476,7 @@ exports[`Picker.Panel override cell with cellRender in date 1`] = `
           ›
         </button>
         <button
-          aria-label="super-next-year"
+          aria-label="Next year (Control + right)"
           class="rc-picker-header-super-next-btn"
           tabindex="-1"
           type="button"
@@ -4965,7 +4969,7 @@ exports[`Picker.Panel override cell with cellRender in decade 1`] = `
         class="rc-picker-header"
       >
         <button
-          aria-label="super-prev-year"
+          aria-label="Last year (Control + left)"
           class="rc-picker-header-super-prev-btn"
           tabindex="-1"
           type="button"
@@ -4978,7 +4982,7 @@ exports[`Picker.Panel override cell with cellRender in decade 1`] = `
           1900-1999
         </div>
         <button
-          aria-label="super-next-year"
+          aria-label="Next year (Control + right)"
           class="rc-picker-header-super-next-btn"
           tabindex="-1"
           type="button"
@@ -5130,7 +5134,7 @@ exports[`Picker.Panel override cell with cellRender in month 1`] = `
         class="rc-picker-header"
       >
         <button
-          aria-label="super-prev-year"
+          aria-label="Last year (Control + left)"
           class="rc-picker-header-super-prev-btn"
           tabindex="-1"
           type="button"
@@ -5141,7 +5145,7 @@ exports[`Picker.Panel override cell with cellRender in month 1`] = `
           class="rc-picker-header-view"
         >
           <button
-            aria-label="year panel"
+            aria-label="Choose a year"
             class="rc-picker-year-btn"
             tabindex="-1"
             type="button"
@@ -5150,7 +5154,7 @@ exports[`Picker.Panel override cell with cellRender in month 1`] = `
           </button>
         </div>
         <button
-          aria-label="super-next-year"
+          aria-label="Next year (Control + right)"
           class="rc-picker-header-super-next-btn"
           tabindex="-1"
           type="button"
@@ -5314,7 +5318,7 @@ exports[`Picker.Panel override cell with cellRender in quarter 1`] = `
         class="rc-picker-header"
       >
         <button
-          aria-label="super-prev-year"
+          aria-label="Last year (Control + left)"
           class="rc-picker-header-super-prev-btn"
           tabindex="-1"
           type="button"
@@ -5325,7 +5329,7 @@ exports[`Picker.Panel override cell with cellRender in quarter 1`] = `
           class="rc-picker-header-view"
         >
           <button
-            aria-label="year panel"
+            aria-label="Choose a year"
             class="rc-picker-year-btn"
             tabindex="-1"
             type="button"
@@ -5334,7 +5338,7 @@ exports[`Picker.Panel override cell with cellRender in quarter 1`] = `
           </button>
         </div>
         <button
-          aria-label="super-next-year"
+          aria-label="Next year (Control + right)"
           class="rc-picker-header-super-next-btn"
           tabindex="-1"
           type="button"
@@ -6894,7 +6898,7 @@ exports[`Picker.Panel override cell with cellRender in week 1`] = `
         class="rc-picker-header"
       >
         <button
-          aria-label="super-prev-year"
+          aria-label="Last year (Control + left)"
           class="rc-picker-header-super-prev-btn"
           tabindex="-1"
           type="button"
@@ -6902,7 +6906,7 @@ exports[`Picker.Panel override cell with cellRender in week 1`] = `
           «
         </button>
         <button
-          aria-label="prev-year"
+          aria-label="Previous month (PageUp)"
           class="rc-picker-header-prev-btn"
           tabindex="-1"
           type="button"
@@ -6913,7 +6917,7 @@ exports[`Picker.Panel override cell with cellRender in week 1`] = `
           class="rc-picker-header-view"
         >
           <button
-            aria-label="month panel"
+            aria-label="Choose a month"
             class="rc-picker-month-btn"
             tabindex="-1"
             type="button"
@@ -6921,7 +6925,7 @@ exports[`Picker.Panel override cell with cellRender in week 1`] = `
             Sep
           </button>
           <button
-            aria-label="year panel"
+            aria-label="Choose a year"
             class="rc-picker-year-btn"
             tabindex="-1"
             type="button"
@@ -6930,7 +6934,7 @@ exports[`Picker.Panel override cell with cellRender in week 1`] = `
           </button>
         </div>
         <button
-          aria-label="next-year"
+          aria-label="Next month (PageDown)"
           class="rc-picker-header-next-btn"
           tabindex="-1"
           type="button"
@@ -6938,7 +6942,7 @@ exports[`Picker.Panel override cell with cellRender in week 1`] = `
           ›
         </button>
         <button
-          aria-label="super-next-year"
+          aria-label="Next year (Control + right)"
           class="rc-picker-header-super-next-btn"
           tabindex="-1"
           type="button"
@@ -6954,9 +6958,13 @@ exports[`Picker.Panel override cell with cellRender in week 1`] = `
         >
           <thead>
             <tr>
-              <th
-                aria-label="empty cell"
-              />
+              <th>
+                <span
+                  style="width: 0px; height: 0px; position: absolute; overflow: hidden; opacity: 0;"
+                >
+                  Week
+                </span>
+              </th>
               <th>
                 Su
               </th>
@@ -7500,7 +7508,7 @@ exports[`Picker.Panel override cell with cellRender in year 1`] = `
         class="rc-picker-header"
       >
         <button
-          aria-label="super-prev-year"
+          aria-label="Last year (Control + left)"
           class="rc-picker-header-super-prev-btn"
           tabindex="-1"
           type="button"
@@ -7511,7 +7519,7 @@ exports[`Picker.Panel override cell with cellRender in year 1`] = `
           class="rc-picker-header-view"
         >
           <button
-            aria-label="decade panel"
+            aria-label="Choose a decade"
             class="rc-picker-decade-btn"
             tabindex="-1"
             type="button"
@@ -7522,7 +7530,7 @@ exports[`Picker.Panel override cell with cellRender in year 1`] = `
           </button>
         </div>
         <button
-          aria-label="super-next-year"
+          aria-label="Next year (Control + right)"
           class="rc-picker-header-super-next-btn"
           tabindex="-1"
           type="button"
@@ -7689,7 +7697,7 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
           class="rc-picker-header"
         >
           <button
-            aria-label="super-prev-year"
+            aria-label="Last year (Control + left)"
             class="rc-picker-header-super-prev-btn"
             tabindex="-1"
             type="button"
@@ -7697,7 +7705,7 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
             «
           </button>
           <button
-            aria-label="prev-year"
+            aria-label="Previous month (PageUp)"
             class="rc-picker-header-prev-btn"
             tabindex="-1"
             type="button"
@@ -7708,7 +7716,7 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
             class="rc-picker-header-view"
           >
             <button
-              aria-label="month panel"
+              aria-label="Choose a month"
               class="rc-picker-month-btn"
               tabindex="-1"
               type="button"
@@ -7716,7 +7724,7 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               Sep
             </button>
             <button
-              aria-label="year panel"
+              aria-label="Choose a year"
               class="rc-picker-year-btn"
               tabindex="-1"
               type="button"
@@ -7725,7 +7733,7 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
             </button>
           </div>
           <button
-            aria-label="next-year"
+            aria-label="Next month (PageDown)"
             class="rc-picker-header-next-btn"
             tabindex="-1"
             type="button"
@@ -7733,7 +7741,7 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
             ›
           </button>
           <button
-            aria-label="super-next-year"
+            aria-label="Next year (Control + right)"
             class="rc-picker-header-super-next-btn"
             tabindex="-1"
             type="button"
@@ -9832,7 +9840,7 @@ exports[`Picker.Panel should render correctly in rtl 1`] = `
         class="rc-picker-header"
       >
         <button
-          aria-label="super-prev-year"
+          aria-label="Last year (Control + left)"
           class="rc-picker-header-super-prev-btn"
           tabindex="-1"
           type="button"
@@ -9840,7 +9848,7 @@ exports[`Picker.Panel should render correctly in rtl 1`] = `
           «
         </button>
         <button
-          aria-label="prev-year"
+          aria-label="Previous month (PageUp)"
           class="rc-picker-header-prev-btn"
           tabindex="-1"
           type="button"
@@ -9851,7 +9859,7 @@ exports[`Picker.Panel should render correctly in rtl 1`] = `
           class="rc-picker-header-view"
         >
           <button
-            aria-label="month panel"
+            aria-label="Choose a month"
             class="rc-picker-month-btn"
             tabindex="-1"
             type="button"
@@ -9859,7 +9867,7 @@ exports[`Picker.Panel should render correctly in rtl 1`] = `
             Sep
           </button>
           <button
-            aria-label="year panel"
+            aria-label="Choose a year"
             class="rc-picker-year-btn"
             tabindex="-1"
             type="button"
@@ -9868,7 +9876,7 @@ exports[`Picker.Panel should render correctly in rtl 1`] = `
           </button>
         </div>
         <button
-          aria-label="next-year"
+          aria-label="Next month (PageDown)"
           class="rc-picker-header-next-btn"
           tabindex="-1"
           type="button"
@@ -9876,7 +9884,7 @@ exports[`Picker.Panel should render correctly in rtl 1`] = `
           ›
         </button>
         <button
-          aria-label="super-next-year"
+          aria-label="Next year (Control + right)"
           class="rc-picker-header-super-next-btn"
           tabindex="-1"
           type="button"
diff --git a/tests/__snapshots__/range.spec.tsx.snap b/tests/__snapshots__/range.spec.tsx.snap
index 4e065311b..86b7282fe 100644
--- a/tests/__snapshots__/range.spec.tsx.snap
+++ b/tests/__snapshots__/range.spec.tsx.snap
@@ -275,7 +275,7 @@ exports[`Picker.Range use dateRender and monthCellRender in date range picker 1`
                       class="rc-picker-header"
                     >
                       <button
-                        aria-label="super-prev-year"
+                        aria-label="上一年 (Control键加左方向键)"
                         class="rc-picker-header-super-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -283,7 +283,7 @@ exports[`Picker.Range use dateRender and monthCellRender in date range picker 1`
                         «
                       </button>
                       <button
-                        aria-label="prev-year"
+                        aria-label="上个月 (翻页上键)"
                         class="rc-picker-header-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -294,7 +294,7 @@ exports[`Picker.Range use dateRender and monthCellRender in date range picker 1`
                         class="rc-picker-header-view"
                       >
                         <button
-                          aria-label="year panel"
+                          aria-label="选择年份"
                           class="rc-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -302,7 +302,7 @@ exports[`Picker.Range use dateRender and monthCellRender in date range picker 1`
                           1990年
                         </button>
                         <button
-                          aria-label="month panel"
+                          aria-label="选择月份"
                           class="rc-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -311,7 +311,7 @@ exports[`Picker.Range use dateRender and monthCellRender in date range picker 1`
                         </button>
                       </div>
                       <button
-                        aria-label="next-year"
+                        aria-label="下个月 (翻页下键)"
                         class="rc-picker-header-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -320,7 +320,7 @@ exports[`Picker.Range use dateRender and monthCellRender in date range picker 1`
                         ›
                       </button>
                       <button
-                        aria-label="super-next-year"
+                        aria-label="下一年 (Control键加右方向键)"
                         class="rc-picker-header-super-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -767,7 +767,7 @@ exports[`Picker.Range use dateRender and monthCellRender in date range picker 1`
                       class="rc-picker-header"
                     >
                       <button
-                        aria-label="super-prev-year"
+                        aria-label="上一年 (Control键加左方向键)"
                         class="rc-picker-header-super-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -776,7 +776,7 @@ exports[`Picker.Range use dateRender and monthCellRender in date range picker 1`
                         «
                       </button>
                       <button
-                        aria-label="prev-year"
+                        aria-label="上个月 (翻页上键)"
                         class="rc-picker-header-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -788,7 +788,7 @@ exports[`Picker.Range use dateRender and monthCellRender in date range picker 1`
                         class="rc-picker-header-view"
                       >
                         <button
-                          aria-label="year panel"
+                          aria-label="选择年份"
                           class="rc-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -796,7 +796,7 @@ exports[`Picker.Range use dateRender and monthCellRender in date range picker 1`
                           1990年
                         </button>
                         <button
-                          aria-label="month panel"
+                          aria-label="选择月份"
                           class="rc-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -805,7 +805,7 @@ exports[`Picker.Range use dateRender and monthCellRender in date range picker 1`
                         </button>
                       </div>
                       <button
-                        aria-label="next-year"
+                        aria-label="下个月 (翻页下键)"
                         class="rc-picker-header-next-btn"
                         tabindex="-1"
                         type="button"
@@ -813,7 +813,7 @@ exports[`Picker.Range use dateRender and monthCellRender in date range picker 1`
                         ›
                       </button>
                       <button
-                        aria-label="super-next-year"
+                        aria-label="下一年 (Control键加右方向键)"
                         class="rc-picker-header-super-next-btn"
                         tabindex="-1"
                         type="button"
@@ -1332,7 +1332,7 @@ exports[`Picker.Range use dateRender and monthCellRender in month range picker 1
                       class="rc-picker-header"
                     >
                       <button
-                        aria-label="super-prev-year"
+                        aria-label="上一年 (Control键加左方向键)"
                         class="rc-picker-header-super-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -1343,7 +1343,7 @@ exports[`Picker.Range use dateRender and monthCellRender in month range picker 1
                         class="rc-picker-header-view"
                       >
                         <button
-                          aria-label="year panel"
+                          aria-label="选择年份"
                           class="rc-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -1352,7 +1352,7 @@ exports[`Picker.Range use dateRender and monthCellRender in month range picker 1
                         </button>
                       </div>
                       <button
-                        aria-label="super-next-year"
+                        aria-label="下一年 (Control键加右方向键)"
                         class="rc-picker-header-super-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -1500,7 +1500,7 @@ exports[`Picker.Range use dateRender and monthCellRender in month range picker 1
                       class="rc-picker-header"
                     >
                       <button
-                        aria-label="super-prev-year"
+                        aria-label="上一年 (Control键加左方向键)"
                         class="rc-picker-header-super-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -1512,7 +1512,7 @@ exports[`Picker.Range use dateRender and monthCellRender in month range picker 1
                         class="rc-picker-header-view"
                       >
                         <button
-                          aria-label="year panel"
+                          aria-label="选择年份"
                           class="rc-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -1521,7 +1521,7 @@ exports[`Picker.Range use dateRender and monthCellRender in month range picker 1
                         </button>
                       </div>
                       <button
-                        aria-label="super-next-year"
+                        aria-label="下一年 (Control键加右方向键)"
                         class="rc-picker-header-super-next-btn"
                         tabindex="-1"
                         type="button"