From 8c4d81caf7a63f3ed6033bf9fd90d421b1a2e632 Mon Sep 17 00:00:00 2001 From: lauris-kuznecovs Date: Thu, 3 Oct 2019 12:17:51 +0300 Subject: [PATCH 1/2] Introducing prop - "focusOnListItem" which enable/disable focus for
  • . Currently it is enable by default, but there is many accessibility cases when focus is needed for child element (link or button). --- assets/index.less | 15 +++++++++++++++ examples/focusOnListItem.html | 1 + examples/focusOnListItem.js | 29 +++++++++++++++++++++++++++++ src/Pager.jsx | 23 +++++++++++++++++++++-- src/Pagination.jsx | 6 ++++++ src/locale/ar_EG.js | 2 ++ src/locale/bg_BG.js | 2 ++ src/locale/ca_ES.js | 2 ++ src/locale/cs_CZ.js | 2 ++ src/locale/da_DK.js | 2 ++ src/locale/de_DE.js | 2 ++ src/locale/el_GR.js | 2 ++ src/locale/en_GB.js | 2 ++ src/locale/en_US.js | 2 ++ src/locale/es_ES.js | 2 ++ src/locale/et_EE.js | 2 ++ src/locale/fa_IR.js | 2 ++ src/locale/fi_FI.js | 2 ++ src/locale/fr_BE.js | 2 ++ src/locale/fr_FR.js | 2 ++ src/locale/he_IL.js | 2 ++ src/locale/hi_IN.js | 2 ++ src/locale/hr_HR.js | 2 ++ src/locale/hu_HU.js | 2 ++ src/locale/id_ID.js | 2 ++ src/locale/is_IS.js | 2 ++ src/locale/it_IT.js | 2 ++ src/locale/ja_JP.js | 2 ++ src/locale/kn_IN.js | 2 ++ src/locale/ko_KR.js | 2 ++ src/locale/ku_IQ.js | 2 ++ src/locale/lv_LV.js | 2 ++ src/locale/mm_MM.js | 2 ++ src/locale/mn_MN.js | 2 ++ src/locale/ms_MY.js | 2 ++ src/locale/nb_NO.js | 2 ++ src/locale/nl_BE.js | 2 ++ src/locale/nl_NL.js | 2 ++ src/locale/pa_IN.js | 2 ++ src/locale/pb_IN.js | 2 ++ src/locale/pl_PL.js | 2 ++ src/locale/pt_BR.js | 2 ++ src/locale/pt_PT.js | 2 ++ src/locale/ro_RO.js | 2 ++ src/locale/ru_RU.js | 2 ++ src/locale/sk_SK.js | 2 ++ src/locale/sl_SI.js | 2 ++ src/locale/sr_RS.js | 2 ++ src/locale/sv_SE.js | 2 ++ src/locale/ta_IN.js | 2 ++ src/locale/th_TH.js | 2 ++ src/locale/tr_TR.js | 2 ++ src/locale/ug_CN.js | 3 +++ src/locale/uk_UA.js | 2 ++ src/locale/vi_VN.js | 2 ++ src/locale/zh_CN.js | 2 ++ src/locale/zh_TW.js | 2 ++ 57 files changed, 177 insertions(+), 2 deletions(-) create mode 100644 examples/focusOnListItem.html create mode 100644 examples/focusOnListItem.js diff --git a/assets/index.less b/assets/index.less index 5f10c6b5..d087424d 100644 --- a/assets/index.less +++ b/assets/index.less @@ -17,6 +17,18 @@ user-select: none; padding: 0; + .visuallyHidden { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + white-space: nowrap; + width: 1px; + } + > li { list-style: none; } @@ -55,6 +67,9 @@ a { text-decoration: none; color: #666; + width: 100%; + height: 100%; + display: block; } &:hover { diff --git a/examples/focusOnListItem.html b/examples/focusOnListItem.html new file mode 100644 index 00000000..48cdce85 --- /dev/null +++ b/examples/focusOnListItem.html @@ -0,0 +1 @@ +placeholder diff --git a/examples/focusOnListItem.js b/examples/focusOnListItem.js new file mode 100644 index 00000000..18d6d5ce --- /dev/null +++ b/examples/focusOnListItem.js @@ -0,0 +1,29 @@ +/* eslint func-names: 0, no-console: 0 */ +import React from 'react'; +import ReactDOM from 'react-dom'; +import Pagination from 'rc-pagination'; +import 'rc-pagination/assets/index.less'; + +class App extends React.Component { + state = { + current: 3, + }; + onChange = (page) => { + console.log(page); + this.setState({ + current: page, + }); + } + render() { + return ( + + ); + } +} + +ReactDOM.render(, document.getElementById('__react-content')); diff --git a/src/Pager.jsx b/src/Pager.jsx index 421f9c9e..62ec18be 100644 --- a/src/Pager.jsx +++ b/src/Pager.jsx @@ -3,10 +3,12 @@ import PropTypes from 'prop-types'; const Pager = (props) => { const prefixCls = `${props.rootPrefixCls}-item`; + const ariaAttributes = {}; let cls = `${prefixCls} ${prefixCls}-${props.page}`; if (props.active) { cls = `${cls} ${prefixCls}-active`; + ariaAttributes['aria-current'] = 'page'; } if (props.className) { @@ -17,6 +19,22 @@ const Pager = (props) => { cls = `${cls} ${prefixCls}-disabled`; } + const renderVisuallyHiddenText = () => ( + + {props.active + ? props.locale.aria_current_page + : props.locale.aria_page + } + + ); + + const renderLink = () => ( + + {renderVisuallyHiddenText()} + {props.page} + + ); + const handleClick = () => { props.onClick(props.page); }; @@ -31,9 +49,9 @@ const Pager = (props) => { className={cls} onClick={handleClick} onKeyPress={handleKeyPress} - tabIndex="0" + tabIndex={props.focusOnListItem ? 0 : null} > - {props.itemRender(props.page, 'page', {props.page})} + {props.itemRender(props.page, 'page', renderLink())}
  • ); }; @@ -45,6 +63,7 @@ Pager.propTypes = { locale: PropTypes.object, className: PropTypes.string, showTitle: PropTypes.bool, + focusOnListItem: PropTypes.bool, rootPrefixCls: PropTypes.string, onClick: PropTypes.func, onKeyPress: PropTypes.func, diff --git a/src/Pagination.jsx b/src/Pagination.jsx index 8e49c0f1..4edf7694 100644 --- a/src/Pagination.jsx +++ b/src/Pagination.jsx @@ -47,6 +47,7 @@ class Pagination extends React.Component { showPrevNextJumpers: PropTypes.bool, showQuickJumper: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]), showTitle: PropTypes.bool, + focusOnListItem: PropTypes.bool, pageSizeOptions: PropTypes.arrayOf(PropTypes.string), showTotal: PropTypes.func, locale: PropTypes.object, @@ -73,6 +74,7 @@ class Pagination extends React.Component { showSizeChanger: false, showLessItems: false, showTitle: true, + focusOnListItem: true, onShowSizeChange: noop, locale: LOCALE, style: {}, @@ -451,6 +453,7 @@ class Pagination extends React.Component { onClick: this.handleChange, onKeyPress: this.runIfEnter, showTitle: props.showTitle, + focusOnListItem: props.focusOnListItem, itemRender: props.itemRender, }; if (!allPages) { @@ -530,6 +533,7 @@ class Pagination extends React.Component { page={allPages} active={false} showTitle={props.showTitle} + focusOnListItem={props.focusOnListItem} itemRender={props.itemRender} /> ); @@ -543,6 +547,7 @@ class Pagination extends React.Component { page={1} active={false} showTitle={props.showTitle} + focusOnListItem={props.focusOnListItem} itemRender={props.itemRender} /> ); @@ -570,6 +575,7 @@ class Pagination extends React.Component { page={i} active={active} showTitle={props.showTitle} + focusOnListItem={props.focusOnListItem} itemRender={props.itemRender} /> ); diff --git a/src/locale/ar_EG.js b/src/locale/ar_EG.js index 3d0e9565..8ecc46e0 100644 --- a/src/locale/ar_EG.js +++ b/src/locale/ar_EG.js @@ -4,6 +4,8 @@ export default { jump_to: 'الذهاب إلى', jump_to_confirm: 'تأكيد', page: '', + aria_page: 'صفحة', + aria_current_page: 'الصفحه الحاليه', // Pagination.jsx prev_page: 'الصفحة السابقة', diff --git a/src/locale/bg_BG.js b/src/locale/bg_BG.js index 866229fb..5e731350 100644 --- a/src/locale/bg_BG.js +++ b/src/locale/bg_BG.js @@ -4,6 +4,8 @@ export default { jump_to: 'Към', jump_to_confirm: 'потвърждавам', page: '', + aria_page: 'Страница', + aria_current_page: 'Текуща страница', // Pagination.jsx prev_page: 'Предишна страница', diff --git a/src/locale/ca_ES.js b/src/locale/ca_ES.js index 49e06f74..f246e6c6 100644 --- a/src/locale/ca_ES.js +++ b/src/locale/ca_ES.js @@ -4,6 +4,8 @@ export default { jump_to: 'Anar a', jump_to_confirm: 'Confirma', page: '', + aria_page: 'Página', + aria_current_page: 'Página actual', // Pagination.jsx prev_page: 'Pàgina prèvia', diff --git a/src/locale/cs_CZ.js b/src/locale/cs_CZ.js index 9a45a146..9aba3ffe 100644 --- a/src/locale/cs_CZ.js +++ b/src/locale/cs_CZ.js @@ -4,6 +4,8 @@ export default { jump_to: 'Přejít', jump_to_confirm: 'potvrdit', page: '', + aria_page: 'Stránka', + aria_current_page: 'Aktuální stránka', // Pagination.jsx prev_page: 'Předchozí strana', diff --git a/src/locale/da_DK.js b/src/locale/da_DK.js index 277e1efd..5151782a 100644 --- a/src/locale/da_DK.js +++ b/src/locale/da_DK.js @@ -4,6 +4,8 @@ export default { jump_to: 'Gå til', jump_to_confirm: 'bekræft', page: '', + aria_page: 'Side', + aria_current_page: 'Nuværende side', // Pagination.jsx prev_page: 'Forrige Side', diff --git a/src/locale/de_DE.js b/src/locale/de_DE.js index e6dd0215..25591fa5 100644 --- a/src/locale/de_DE.js +++ b/src/locale/de_DE.js @@ -4,6 +4,8 @@ export default { jump_to: 'Gehe zu', jump_to_confirm: 'bestätigen', page: '', + aria_page: 'Seite', + aria_current_page: 'Aktuelle Seite', // Pagination.jsx prev_page: 'Vorherige Seite', diff --git a/src/locale/el_GR.js b/src/locale/el_GR.js index af0d6ea2..321d888f 100644 --- a/src/locale/el_GR.js +++ b/src/locale/el_GR.js @@ -4,6 +4,8 @@ export default { jump_to: 'Μετάβαση', jump_to_confirm: 'επιβεβαιώνω', page: '', + aria_page: 'Σελίδα', + aria_current_page: 'Τρέχουσα σελίδα', // Pagination.jsx prev_page: 'Προηγούμενη Σελίδα', diff --git a/src/locale/en_GB.js b/src/locale/en_GB.js index f603e5e5..95cb867d 100644 --- a/src/locale/en_GB.js +++ b/src/locale/en_GB.js @@ -4,6 +4,8 @@ export default { jump_to: 'Goto', jump_to_confirm: 'confirm', page: '', + aria_page: 'Page', + aria_current_page: 'Current page', // Pagination.jsx prev_page: 'Previous Page', diff --git a/src/locale/en_US.js b/src/locale/en_US.js index f603e5e5..95cb867d 100644 --- a/src/locale/en_US.js +++ b/src/locale/en_US.js @@ -4,6 +4,8 @@ export default { jump_to: 'Goto', jump_to_confirm: 'confirm', page: '', + aria_page: 'Page', + aria_current_page: 'Current page', // Pagination.jsx prev_page: 'Previous Page', diff --git a/src/locale/es_ES.js b/src/locale/es_ES.js index 595f2197..d21415f8 100644 --- a/src/locale/es_ES.js +++ b/src/locale/es_ES.js @@ -4,6 +4,8 @@ export default { jump_to: 'Ir a', jump_to_confirm: 'confirmar', page: '', + aria_page: 'Página', + aria_current_page: 'Página actual', // Pagination.jsx prev_page: 'Página anterior', diff --git a/src/locale/et_EE.js b/src/locale/et_EE.js index f6574041..2472403c 100644 --- a/src/locale/et_EE.js +++ b/src/locale/et_EE.js @@ -4,6 +4,8 @@ export default { jump_to: 'Hüppa', jump_to_confirm: 'Kinnitage', page: '', + aria_page: 'Leht', + aria_current_page: 'Käesolev lehekülg', // Pagination.jsx prev_page: 'Eelmine leht', diff --git a/src/locale/fa_IR.js b/src/locale/fa_IR.js index 65409601..2c9da4a0 100644 --- a/src/locale/fa_IR.js +++ b/src/locale/fa_IR.js @@ -4,6 +4,8 @@ export default { jump_to: 'برو به', jump_to_confirm: 'تایید', page: '', + aria_page: 'صفحه', + aria_current_page: 'صفحه فعلی', // Pagination.jsx prev_page: 'صفحه قبلی', diff --git a/src/locale/fi_FI.js b/src/locale/fi_FI.js index 40305d08..ff755fe8 100644 --- a/src/locale/fi_FI.js +++ b/src/locale/fi_FI.js @@ -4,6 +4,8 @@ export default { jump_to: 'Mene', jump_to_confirm: 'Potvrdite', page: '', + aria_page: 'Sivu', + aria_current_page: 'Tämänhetkinen sivu', // Pagination.jsx prev_page: 'Edellinen sivu', diff --git a/src/locale/fr_BE.js b/src/locale/fr_BE.js index e7107062..f8613792 100644 --- a/src/locale/fr_BE.js +++ b/src/locale/fr_BE.js @@ -4,6 +4,8 @@ export default { jump_to: 'Aller à', jump_to_confirm: 'confirmer', page: '', + aria_page: 'Page', + aria_current_page: 'Page actuelle', // Pagination.jsx prev_page: 'Page précédente', diff --git a/src/locale/fr_FR.js b/src/locale/fr_FR.js index e7107062..f8613792 100644 --- a/src/locale/fr_FR.js +++ b/src/locale/fr_FR.js @@ -4,6 +4,8 @@ export default { jump_to: 'Aller à', jump_to_confirm: 'confirmer', page: '', + aria_page: 'Page', + aria_current_page: 'Page actuelle', // Pagination.jsx prev_page: 'Page précédente', diff --git a/src/locale/he_IL.js b/src/locale/he_IL.js index 587dd809..6b113b9f 100644 --- a/src/locale/he_IL.js +++ b/src/locale/he_IL.js @@ -4,6 +4,8 @@ export default { jump_to: 'עבור אל', jump_to_confirm: 'אישור', page: '', + aria_page: 'עמוד', + aria_current_page: 'העמוד הנוכחי', // Pagination.jsx prev_page: 'העמוד הקודם', diff --git a/src/locale/hi_IN.js b/src/locale/hi_IN.js index ccebaec8..8957ae80 100644 --- a/src/locale/hi_IN.js +++ b/src/locale/hi_IN.js @@ -4,6 +4,8 @@ export default { jump_to: 'इस पर चलें', jump_to_confirm: 'पुष्टि करें', page: '', + aria_page: 'पृष्ठ', + aria_current_page: 'वर्तमान पृष्ठ', // Pagination.jsx prev_page: 'पिछला पृष्ठ', diff --git a/src/locale/hr_HR.js b/src/locale/hr_HR.js index 12a93495..ccaf733e 100644 --- a/src/locale/hr_HR.js +++ b/src/locale/hr_HR.js @@ -4,6 +4,8 @@ export default { jump_to: 'Idi na', jump_to_confirm: 'potvrdi', page: '', + aria_page: 'Stranica', + aria_current_page: 'Trenutna stranica', // Pagination.jsx prev_page: 'Prijašnja stranica', diff --git a/src/locale/hu_HU.js b/src/locale/hu_HU.js index f8a3477e..6e5720e0 100644 --- a/src/locale/hu_HU.js +++ b/src/locale/hu_HU.js @@ -4,6 +4,8 @@ export default { jump_to: 'Ugrás', // 'Goto', jump_to_confirm: 'megerősít', // 'confirm', page: '', + aria_page: 'Oldal', + aria_current_page: 'Aktuális oldal', // Pagination.jsx prev_page: 'Előző oldal', // 'Previous Page', diff --git a/src/locale/id_ID.js b/src/locale/id_ID.js index 3f1a7a8b..2da52681 100644 --- a/src/locale/id_ID.js +++ b/src/locale/id_ID.js @@ -4,6 +4,8 @@ export default { jump_to: 'Menuju', jump_to_confirm: 'konfirmasi', page: '', + aria_page: 'Halaman', + aria_current_page: 'Halaman saat ini', // Pagination.jsx prev_page: 'Halaman Sebelumnya', diff --git a/src/locale/is_IS.js b/src/locale/is_IS.js index 962c35a9..6819f4ee 100644 --- a/src/locale/is_IS.js +++ b/src/locale/is_IS.js @@ -4,6 +4,8 @@ export default { jump_to: 'Síða', jump_to_confirm: 'staðfest', page: '', + aria_page: 'Síðu', + aria_current_page: 'Núverandi síða', // Pagination.jsx prev_page: 'Fyrri síða', diff --git a/src/locale/it_IT.js b/src/locale/it_IT.js index 11fa6212..159507ad 100644 --- a/src/locale/it_IT.js +++ b/src/locale/it_IT.js @@ -4,6 +4,8 @@ export default { jump_to: 'vai a', jump_to_confirm: 'Conferma', page: '', + aria_page: 'Pagina', + aria_current_page: 'Pagina corrente', // Pagination.jsx prev_page: 'Pagina precedente', diff --git a/src/locale/ja_JP.js b/src/locale/ja_JP.js index f0ebaa9f..24802412 100644 --- a/src/locale/ja_JP.js +++ b/src/locale/ja_JP.js @@ -4,6 +4,8 @@ export default { jump_to: '移動', jump_to_confirm: '確認する', page: 'ページ', + aria_page: 'ページ', + aria_current_page: '現在のページ', // Pagination.jsx prev_page: '前のページ', diff --git a/src/locale/kn_IN.js b/src/locale/kn_IN.js index c2e0c991..8bcd8159 100644 --- a/src/locale/kn_IN.js +++ b/src/locale/kn_IN.js @@ -4,6 +4,8 @@ export default { jump_to: 'ಜಿಗಿತವನ್ನು', jump_to_confirm: 'ಖಚಿತಪಡಿಸಲು ಜಿಗಿತವನ್ನು', page: '', + aria_page: 'ಪುಟ', + aria_current_page: 'ಪ್ರಸ್ತುತ ಪುಟ', // Pagination.jsx prev_page: 'ಹಿಂದಿನ ಪುಟ', diff --git a/src/locale/ko_KR.js b/src/locale/ko_KR.js index 3bdadcb6..e17d8553 100644 --- a/src/locale/ko_KR.js +++ b/src/locale/ko_KR.js @@ -4,6 +4,8 @@ export default { jump_to: '이동하기', jump_to_confirm: '확인하다', page: '', + aria_page: '페이지', + aria_current_page: '현재 페이지', // Pagination.jsx prev_page: '이전 페이지', diff --git a/src/locale/ku_IQ.js b/src/locale/ku_IQ.js index 7ce767c1..091f9cdd 100644 --- a/src/locale/ku_IQ.js +++ b/src/locale/ku_IQ.js @@ -4,6 +4,8 @@ export default { jump_to: 'Biçe', jump_to_confirm: 'piştrast bike', page: '', + aria_page: 'Rûpel', + aria_current_page: 'Rûpela heyî', // Pagination.jsx prev_page: 'Rûpelê Pêş', diff --git a/src/locale/lv_LV.js b/src/locale/lv_LV.js index 0202c936..96929515 100644 --- a/src/locale/lv_LV.js +++ b/src/locale/lv_LV.js @@ -4,6 +4,8 @@ export default { jump_to: 'iet uz', jump_to_confirm: 'apstiprināt', page: '', + aria_page: 'Lappuse', + aria_current_page: 'Pašreizējā lapa', // Pagination.jsx prev_page: 'Iepriekšējā lapa', diff --git a/src/locale/mm_MM.js b/src/locale/mm_MM.js index 30dca892..d0ade3b1 100644 --- a/src/locale/mm_MM.js +++ b/src/locale/mm_MM.js @@ -4,6 +4,8 @@ export default { jump_to: 'သွားရန်', jump_to_confirm: 'သေချာပြီ', page: '', + aria_page: 'စာမျက်နှ', + aria_current_page: 'လက်ရှိစာမျက်နှ', // Pagination.jsx prev_page: 'ယခင်စာမျက်နှာ', diff --git a/src/locale/mn_MN.js b/src/locale/mn_MN.js index fab8f938..ecf93a8d 100644 --- a/src/locale/mn_MN.js +++ b/src/locale/mn_MN.js @@ -4,6 +4,8 @@ export default { jump_to: 'Шилжих', jump_to_confirm: 'сонгох', page: '', + aria_page: 'Хуудас', + aria_current_page: 'Одоогийн хуудас', // Pagination.jsx prev_page: 'Өмнөх хуудас', diff --git a/src/locale/ms_MY.js b/src/locale/ms_MY.js index faa080dc..44ddb71a 100644 --- a/src/locale/ms_MY.js +++ b/src/locale/ms_MY.js @@ -4,6 +4,8 @@ export default { jump_to: 'Lompat ke', jump_to_confirm: 'Sahkan', page: '', + aria_page: 'Halaman', + aria_current_page: 'Halaman saat ini', // Pagination.jsx prev_page: 'Halaman sebelumnya', diff --git a/src/locale/nb_NO.js b/src/locale/nb_NO.js index fb70c452..0040432d 100644 --- a/src/locale/nb_NO.js +++ b/src/locale/nb_NO.js @@ -3,6 +3,8 @@ export default { items_per_page: '/ side', jump_to: 'Gå til side', page: '', + aria_page: 'Side', + aria_current_page: 'Nåværende side', // Pagination.jsx prev_page: 'Forrige side', diff --git a/src/locale/nl_BE.js b/src/locale/nl_BE.js index 26a327b3..c930eb34 100644 --- a/src/locale/nl_BE.js +++ b/src/locale/nl_BE.js @@ -4,6 +4,8 @@ export default { jump_to: 'Ga naar', jump_to_confirm: 'bevestigen', page: '', + aria_page: 'Bladzijde', + aria_current_page: 'Huidige pagina', // Pagination.jsx prev_page: 'Vorige pagina', diff --git a/src/locale/nl_NL.js b/src/locale/nl_NL.js index 26a327b3..c930eb34 100644 --- a/src/locale/nl_NL.js +++ b/src/locale/nl_NL.js @@ -4,6 +4,8 @@ export default { jump_to: 'Ga naar', jump_to_confirm: 'bevestigen', page: '', + aria_page: 'Bladzijde', + aria_current_page: 'Huidige pagina', // Pagination.jsx prev_page: 'Vorige pagina', diff --git a/src/locale/pa_IN.js b/src/locale/pa_IN.js index ff527d95..f0bfa2e9 100644 --- a/src/locale/pa_IN.js +++ b/src/locale/pa_IN.js @@ -4,6 +4,8 @@ export default { jump_to: 'Goto', jump_to_confirm: 'ਪੁਸ਼ਟੀ ਕਰੋ', page: 'ਪੰਨਾ', + aria_page: 'ਪੇਜ', + aria_current_page: 'ਮੌਜੂਦਾ ਪੇਜ', // Pagination.jsx prev_page: 'ਪਿਛਲਾ ਪੰਨਾ', diff --git a/src/locale/pb_IN.js b/src/locale/pb_IN.js index ff527d95..f0bfa2e9 100644 --- a/src/locale/pb_IN.js +++ b/src/locale/pb_IN.js @@ -4,6 +4,8 @@ export default { jump_to: 'Goto', jump_to_confirm: 'ਪੁਸ਼ਟੀ ਕਰੋ', page: 'ਪੰਨਾ', + aria_page: 'ਪੇਜ', + aria_current_page: 'ਮੌਜੂਦਾ ਪੇਜ', // Pagination.jsx prev_page: 'ਪਿਛਲਾ ਪੰਨਾ', diff --git a/src/locale/pl_PL.js b/src/locale/pl_PL.js index 7c16a730..a22b68f2 100644 --- a/src/locale/pl_PL.js +++ b/src/locale/pl_PL.js @@ -4,6 +4,8 @@ export default { jump_to: 'Idź do', jump_to_confirm: 'potwierdzać', page: '', + aria_page: 'Strona', + aria_current_page: 'Bieżąca strona', // Pagination.jsx prev_page: 'Poprzednia strona', diff --git a/src/locale/pt_BR.js b/src/locale/pt_BR.js index 44f97775..69f26e38 100644 --- a/src/locale/pt_BR.js +++ b/src/locale/pt_BR.js @@ -4,6 +4,8 @@ export default { jump_to: 'Vá até', jump_to_confirm: 'confirme', page: '', + aria_page: 'Página', + aria_current_page: 'Pagina atual', // Pagination.jsx prev_page: 'Página anterior', diff --git a/src/locale/pt_PT.js b/src/locale/pt_PT.js index 2f817a70..97112cff 100644 --- a/src/locale/pt_PT.js +++ b/src/locale/pt_PT.js @@ -4,6 +4,8 @@ export default { jump_to: 'Saltar', jump_to_confirm: 'confirmar', page: '', + aria_page: 'Página', + aria_current_page: 'Pagina atual', // Pagination.jsx prev_page: 'Página Anterior', diff --git a/src/locale/ro_RO.js b/src/locale/ro_RO.js index a78310fc..0141b173 100644 --- a/src/locale/ro_RO.js +++ b/src/locale/ro_RO.js @@ -4,6 +4,8 @@ export default { jump_to: 'Mergi la', jump_to_confirm: 'confirm', page: '', + aria_page: 'Pagină', + aria_current_page: 'Pagina curenta', // Pagination.jsx prev_page: 'Pagina Anterioară', diff --git a/src/locale/ru_RU.js b/src/locale/ru_RU.js index 835e094d..bbad9cf0 100644 --- a/src/locale/ru_RU.js +++ b/src/locale/ru_RU.js @@ -4,6 +4,8 @@ export default { jump_to: 'Перейти', jump_to_confirm: 'подтвердить', page: '', + aria_page: 'Страница', + aria_current_page: 'Текущая страница', // Pagination.jsx prev_page: 'Назад', diff --git a/src/locale/sk_SK.js b/src/locale/sk_SK.js index 0cf02302..817ca817 100644 --- a/src/locale/sk_SK.js +++ b/src/locale/sk_SK.js @@ -4,6 +4,8 @@ export default { jump_to: 'Choď na', jump_to_confirm: 'potvrdit', page: '', + aria_page: 'Strana', + aria_current_page: 'Aktuálna stránka', // Pagination.jsx prev_page: 'Predchádzajúca strana', diff --git a/src/locale/sl_SI.js b/src/locale/sl_SI.js index 5b4ffd78..5ee00577 100644 --- a/src/locale/sl_SI.js +++ b/src/locale/sl_SI.js @@ -4,6 +4,8 @@ export default { jump_to: 'Pojdi na', jump_to_confirm: 'potrdi', page: '', + aria_page: 'Stran', + aria_current_page: 'Trenutna stran', // Pagination.jsx prev_page: 'Prejšnja stran', diff --git a/src/locale/sr_RS.js b/src/locale/sr_RS.js index a8c526b1..d0a222d4 100644 --- a/src/locale/sr_RS.js +++ b/src/locale/sr_RS.js @@ -3,6 +3,8 @@ export default { items_per_page: '/ strani', jump_to: 'Idi na', page: '', + aria_page: 'Stranica', + aria_current_page: 'Trenutna stranica', // Pagination.jsx prev_page: 'Prethodna strana', diff --git a/src/locale/sv_SE.js b/src/locale/sv_SE.js index 0c2f48c0..be344994 100644 --- a/src/locale/sv_SE.js +++ b/src/locale/sv_SE.js @@ -4,6 +4,8 @@ export default { jump_to: 'Gå till', jump_to_confirm: 'bekräfta', page: '', + aria_page: 'Side', + aria_current_page: 'Nuvarande sida', // Pagination.jsx prev_page: 'Föreg sida', diff --git a/src/locale/ta_IN.js b/src/locale/ta_IN.js index 7c1adcdd..60f74383 100644 --- a/src/locale/ta_IN.js +++ b/src/locale/ta_IN.js @@ -4,6 +4,8 @@ export default { jump_to: 'அடுத்த', jump_to_confirm: 'உறுதிப்படுத்தவும்', page: '', + aria_page: 'பக்கம்', + aria_current_page: 'தற்போதைய பக்கம்', // Pagination.jsx prev_page: 'முந்தைய பக்கம்', diff --git a/src/locale/th_TH.js b/src/locale/th_TH.js index 9cfa90a7..9315e5c3 100644 --- a/src/locale/th_TH.js +++ b/src/locale/th_TH.js @@ -4,6 +4,8 @@ export default { jump_to: 'ไปยัง', jump_to_confirm: 'ยืนยัน', page: '', + aria_page: 'หน้า', + aria_current_page: 'หน้าปัจจุบัน', // Pagination.jsx prev_page: 'หน้าก่อนหน้า', diff --git a/src/locale/tr_TR.js b/src/locale/tr_TR.js index 9a462731..32d612e0 100644 --- a/src/locale/tr_TR.js +++ b/src/locale/tr_TR.js @@ -4,6 +4,8 @@ export default { jump_to: 'Git', jump_to_confirm: 'onayla', page: '', + aria_page: 'Sayfa', + aria_current_page: 'Geçerli sayfa', // Pagination.jsx prev_page: 'Önceki Sayfa', diff --git a/src/locale/ug_CN.js b/src/locale/ug_CN.js index 298a089f..9cc77d06 100644 --- a/src/locale/ug_CN.js +++ b/src/locale/ug_CN.js @@ -4,6 +4,9 @@ export default { jump_to: 'بەتكە سەكرەش', jump_to_confirm: 'مۇقىملاشتۇرۇش', page: 'بەت', + aria_page: 'صفحة', + aria_current_page: 'الصفحه الحاليه', + // Pagination.jsx prev_page: 'ئالدىنقى', next_page: 'كېيىنكى', diff --git a/src/locale/uk_UA.js b/src/locale/uk_UA.js index bab3544c..edfdba9a 100644 --- a/src/locale/uk_UA.js +++ b/src/locale/uk_UA.js @@ -4,6 +4,8 @@ export default { jump_to: 'Перейти', jump_to_confirm: 'підтвердити', page: '', + aria_page: 'Сторінка', + aria_current_page: 'Поточна сторінка', // Pagination.jsx prev_page: 'Попередня сторінка', diff --git a/src/locale/vi_VN.js b/src/locale/vi_VN.js index 7ffbf7de..3dc26610 100644 --- a/src/locale/vi_VN.js +++ b/src/locale/vi_VN.js @@ -4,6 +4,8 @@ export default { jump_to: 'Đến', jump_to_confirm: 'xác nhận', page: '', + aria_page: 'Trang', + aria_current_page: 'Trang hiện tại', // Pagination.jsx prev_page: 'Trang Trước', diff --git a/src/locale/zh_CN.js b/src/locale/zh_CN.js index 0db7d226..e644edbe 100644 --- a/src/locale/zh_CN.js +++ b/src/locale/zh_CN.js @@ -4,6 +4,8 @@ export default { jump_to: '跳至', jump_to_confirm: '确定', page: '页', + aria_page: '页', + aria_current_page: '当前页面', // Pagination.jsx prev_page: '上一页', diff --git a/src/locale/zh_TW.js b/src/locale/zh_TW.js index 2654d3bb..bc1c0fdd 100644 --- a/src/locale/zh_TW.js +++ b/src/locale/zh_TW.js @@ -4,6 +4,8 @@ export default { jump_to: '跳至', jump_to_confirm: '確定', page: '頁', + aria_page: '頁', + aria_current_page: '當前頁面', // Pagination.jsx prev_page: '上一頁', From 4236e220bf41b02bc339929a4bc5c2a5adddc692 Mon Sep 17 00:00:00 2001 From: lauris-kuznecovs Date: Thu, 3 Oct 2019 14:52:56 +0300 Subject: [PATCH 2/2] Add "focusOnListItem" to typescript definitions. --- rc-pagination.d.ts | 1 + 1 file changed, 1 insertion(+) diff --git a/rc-pagination.d.ts b/rc-pagination.d.ts index f57ba79e..ae66828e 100644 --- a/rc-pagination.d.ts +++ b/rc-pagination.d.ts @@ -17,6 +17,7 @@ declare module 'rc-pagination' { showPrevNextJumpers: boolean; showQuickJumper: boolean | object; showTitle: boolean; + focusOnListItem: boolean; locale: object;