add aria label

ant-design · Apr 2, 2020 · 8678cdc · 8678cdc
1 parent 0cd82cf
commit 8678cdc
Show file tree

Hide file tree

Showing 8 changed files with 86 additions and 1 deletion.
diff --git a/components/config-provider/__tests__/__snapshots__/components.test.js.snap b/components/config-provider/__tests__/__snapshots__/components.test.js.snap
@@ -6088,6 +6088,7 @@ exports[`ConfigProvider components DatePicker RangePicker configProvider 1`] = `
       class="config-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="config-picker-separator"
       />
     </div>
@@ -6152,6 +6153,7 @@ exports[`ConfigProvider components DatePicker RangePicker normal 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -6216,6 +6218,7 @@ exports[`ConfigProvider components DatePicker RangePicker prefixCls 1`] = `
       class="prefix-RangePicker-range-separator"
     >
       <span
+        aria-label="to"
         class="prefix-RangePicker-separator"
       />
     </div>

diff --git a/components/date-picker/__tests__/__snapshots__/demo.test.js.snap b/components/date-picker/__tests__/__snapshots__/demo.test.js.snap
@@ -383,6 +383,7 @@ exports[`renders ./components/date-picker/demo/bordered.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -443,6 +444,7 @@ exports[`renders ./components/date-picker/demo/bordered.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -503,6 +505,7 @@ exports[`renders ./components/date-picker/demo/bordered.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -563,6 +566,7 @@ exports[`renders ./components/date-picker/demo/bordered.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -666,6 +670,7 @@ exports[`renders ./components/date-picker/demo/date-render.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -813,6 +818,7 @@ exports[`renders ./components/date-picker/demo/disabled.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -874,6 +880,7 @@ exports[`renders ./components/date-picker/demo/disabled.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -1043,6 +1050,7 @@ exports[`renders ./components/date-picker/demo/disabled-date.md correctly 1`] =
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -1102,6 +1110,7 @@ exports[`renders ./components/date-picker/demo/disabled-date.md correctly 1`] =
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -1246,6 +1255,7 @@ exports[`renders ./components/date-picker/demo/extra-footer.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -1306,6 +1316,7 @@ exports[`renders ./components/date-picker/demo/extra-footer.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -1602,6 +1613,7 @@ exports[`renders ./components/date-picker/demo/format.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -1730,6 +1742,7 @@ exports[`renders ./components/date-picker/demo/mode.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -1794,6 +1807,7 @@ exports[`renders ./components/date-picker/demo/presetted-ranges.md correctly 1`]
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -1854,6 +1868,7 @@ exports[`renders ./components/date-picker/demo/presetted-ranges.md correctly 1`]
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -1918,6 +1933,7 @@ exports[`renders ./components/date-picker/demo/range-picker.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -1978,6 +1994,7 @@ exports[`renders ./components/date-picker/demo/range-picker.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -2038,6 +2055,7 @@ exports[`renders ./components/date-picker/demo/range-picker.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -2098,6 +2116,7 @@ exports[`renders ./components/date-picker/demo/range-picker.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -2158,6 +2177,7 @@ exports[`renders ./components/date-picker/demo/range-picker.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -2221,6 +2241,7 @@ exports[`renders ./components/date-picker/demo/select-in-range.md correctly 1`]
     class="ant-picker-range-separator"
   >
     <span
+      aria-label="to"
       class="ant-picker-separator"
     />
   </div>
@@ -2428,6 +2449,7 @@ exports[`renders ./components/date-picker/demo/size.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -2695,6 +2717,7 @@ exports[`renders ./components/date-picker/demo/suffix.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -2837,6 +2860,7 @@ exports[`renders ./components/date-picker/demo/suffix.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -2943,6 +2967,7 @@ exports[`renders ./components/date-picker/demo/time.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>

diff --git a/components/date-picker/__tests__/__snapshots__/mount.test.js.snap b/components/date-picker/__tests__/__snapshots__/mount.test.js.snap
@@ -144,6 +144,7 @@ exports[`mount rtl render component should be rendered correctly in RTL directio
     class="ant-picker-range-separator"
   >
     <span
+      aria-label="to"
       class="ant-picker-separator"
     />
   </div>

diff --git a/components/date-picker/generatePicker.tsx b/components/date-picker/generatePicker.tsx
@@ -320,7 +320,7 @@ function generatePicker<DateType>(generateConfig: GenerateConfig<DateType>) {
 
             return (
               <RCRangePicker<DateType>
-                separator={<span className={`${prefixCls}-separator`} />}
+                separator={<span aria-label="to" className={`${prefixCls}-separator`} />}
                 ref={this.pickerRef}
                 placeholder={getRangePlaceholder(picker, locale)}
                 suffixIcon={picker === 'time' ? <ClockCircleOutlined /> : <CalendarOutlined />}

diff --git a/components/form/__tests__/__snapshots__/demo.test.js.snap b/components/form/__tests__/__snapshots__/demo.test.js.snap
@@ -3552,6 +3552,7 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
               class="ant-picker-range-separator"
             >
               <span
+                aria-label="to"
                 class="ant-picker-separator"
               />
             </div>
@@ -3638,6 +3639,7 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
               class="ant-picker-range-separator"
             >
               <span
+                aria-label="to"
                 class="ant-picker-separator"
               />
             </div>

diff --git a/components/input/__tests__/__snapshots__/demo.test.js.snap b/components/input/__tests__/__snapshots__/demo.test.js.snap
@@ -700,6 +700,7 @@ exports[`renders ./components/input/demo/align.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>