fix(*): fix DatePicker,Switch,Upload to a11y

rosky · May 15, 2019 · 99ef836 · 99ef836
1 parent 3924361
commit 99ef836
Show file tree

Hide file tree

Showing 8 changed files with 27 additions and 1 deletion.
diff --git a/src/date-picker/date-picker.jsx b/src/date-picker/date-picker.jsx
@@ -182,6 +182,7 @@ export default class DatePicker extends Component {
         popupTriggerType: 'click',
         popupAlign: 'tl tl',
         locale: nextLocale.DatePicker,
+        defaultVisible: false,
         onChange: func.noop,
         onVisibleChange: func.noop,
         onOk: func.noop,

diff --git a/src/date-picker/range-picker.jsx b/src/date-picker/range-picker.jsx
@@ -201,6 +201,7 @@ export default class RangePicker extends Component {
         disabledDate: () => false,
         footerRender: () => null,
         hasClear: true,
+        defaultVisible: false,
         popupTriggerType: 'click',
         popupAlign: 'tl tl',
         locale: nextLocale.DatePicker,

diff --git a/src/locale/en-us.js b/src/locale/en-us.js
@@ -103,12 +103,17 @@ export default {
         card: {
             cancel: 'Cancel',
             addPhoto: 'Add Picture',
+            download: 'Download',
+            delete: 'Delete',
         },
         drag: {
             text: 'Click or Drag the file to this area to upload',
             hint:
                 'Support docx, xls, PDF, rar, zip, PNG, JPG and other files upload',
         },
+        upload: {
+            delete: 'Delete',
+        },
     },
     Search: {
         buttonText: 'Search',

diff --git a/src/locale/ja-jp.js b/src/locale/ja-jp.js
@@ -102,11 +102,16 @@ export default {
         card: {
             cancel: 'キャンセル',
             addPhoto: '画像アップロード',
+            download: 'ダウンロード',
+            delete: '削除',
         },
         drag: {
             text: '枠にドラッグしてアップロード',
             hint: 'docx, xls, PDF, rar, zip, PNG, JPG 等がサポートしています',
         },
+        upload: {
+            delete: '削除',
+        },
     },
     Search: {
         buttonText: 'サーチ',

diff --git a/src/locale/zh-cn.js b/src/locale/zh-cn.js
@@ -102,11 +102,16 @@ export default {
         card: {
             cancel: '取消',
             addPhoto: '上传图片',
+            download: '下载',
+            delete: '删除',
         },
         drag: {
             text: '点击或者拖动文件到虚线框内上传',
             hint: '支持 docx, xls, PDF, rar, zip, PNG, JPG 等类型的文件',
         },
+        upload: {
+            delete: '删除',
+        },
     },
     Search: {
         buttonText: '搜索',

diff --git a/src/locale/zh-tw.js b/src/locale/zh-tw.js
@@ -102,11 +102,16 @@ export default {
         card: {
             cancel: '取消',
             addPhoto: '上傳圖片',
+            download: '下載',
+            delete: '刪除',
         },
         drag: {
             text: '點擊或者拖動文件到虛線框內上傳',
             hint: '支持 docx, xls, PDF, rar, zip, PNG, JPG 等類型的文件',
         },
+        upload: {
+            delete: '刪除',
+        },
     },
     Search: {
         buttonText: '檢索',

diff --git a/src/switch/index.jsx b/src/switch/index.jsx
@@ -67,6 +67,7 @@ class Switch extends React.Component {
         prefix: 'next-',
         disabled: false,
         size: 'medium',
+        defaultChecked: false,
         onChange: () => {},
     };
 

diff --git a/src/upload/list.jsx b/src/upload/list.jsx
@@ -168,7 +168,7 @@ class List extends Component {
         return `${fileSize}${suffix}`;
     }
     getTextList(file) {
-        const { extraRender, progressProps, rtl } = this.props;
+        const { locale, extraRender, progressProps, rtl } = this.props;
 
         const { prefixCls, downloadURL, size, itemCls } = this.getInfo(file);
         const onClick = () =>
@@ -224,6 +224,7 @@ class List extends Component {
                         type="close"
                         size="large"
                         role="button"
+                        aria-label={locale.upload.delete}
                         tabIndex="0"
                         onClick={onClick}
                         onKeyDown={onKeyDown}
@@ -407,6 +408,7 @@ class List extends Component {
                             >
                                 <Icon
                                     type={downloadURL ? 'download' : ''}
+                                    aria-label={locale.card.download}
                                     className={`${prefixCls}-tool-download-icon`}
                                 />
                             </a>
@@ -415,6 +417,7 @@ class List extends Component {
                                 <span className={`${prefixCls}-tool-close`}>
                                     <Icon
                                         type="ashbin"
+                                        aria-label={locale.card.delete}
                                         tabIndex="0"
                                         role="button"
                                         onClick={onClose}