diff --git a/src/components/Challenge/ChallengeView.tsx b/src/components/Challenge/ChallengeView.tsx index 031dbf4a6a87c0781ab964b0664315bf1f47b05f..74a9b20561d26971adf8b10ee9cf27d053cefaf0 100644 --- a/src/components/Challenge/ChallengeView.tsx +++ b/src/components/Challenge/ChallengeView.tsx @@ -7,12 +7,14 @@ import Content from 'components/Content/Content' import Header from 'components/Header/Header' import ChallengeCard from './ChallengeCard' import StyledIconbutton from 'components/CommonKit/IconButton/StyledIconButton' +import { useI18n } from 'cozy-ui/transpiled/react/I18n' import LeftArrowIcon from 'assets/icons/ico/left-arrow.svg' import RightArrowIcon from 'assets/icons/ico/right-arrow.svg' import { UserChallengeState } from 'enum/userChallenge.enum' import { UserChallenge } from 'models' const ChallengeView: React.FC = () => { + const { t } = useI18n() const { userChallengeList } = useSelector( (state: AppStore) => state.ecolyo.challenge ) @@ -169,11 +171,13 @@ const ChallengeView: React.FC = () => { onClick={moveSliderLeft} icon={LeftArrowIcon} size={16} + aria-label={t('challenge.accessibility.button_slider_previous')} /> <StyledIconbutton onClick={moveSliderRight} icon={RightArrowIcon} size={16} + aria-label={t('challenge.accessibility.button_slider_next')} /> </div> </Content> diff --git a/src/components/Connection/ConnectionFormLogin.tsx b/src/components/Connection/ConnectionFormLogin.tsx index c0b32eabb408dd79e2bcf0d6d3c086e82bb4f51f..447a9cf5dac9a724b3a9c86c5574ddfc80e6d7e8 100644 --- a/src/components/Connection/ConnectionFormLogin.tsx +++ b/src/components/Connection/ConnectionFormLogin.tsx @@ -167,7 +167,7 @@ const ConnectionFormLogin: React.FC<ConnectionFormLoginProps> = ({ ? 'form-control form-input' : 'form-control form-input --error' } - aria-describedby="emailHelp" + aria-label={t('auth.' + konnectorSlug + '.connect.placeholder')} placeholder={t('auth.' + konnectorSlug + '.connect.placeholder')} name="login" onChange={(e: React.ChangeEvent<HTMLInputElement>) => @@ -185,7 +185,7 @@ const ConnectionFormLogin: React.FC<ConnectionFormLoginProps> = ({ ? 'form-control form-input' : 'form-control form-input --error' } - aria-describedby="PasswordHelp" + aria-label={t('auth.password_label')} placeholder={t('auth.password_label')} name="password" onChange={(e: React.ChangeEvent<HTMLInputElement>) => diff --git a/src/components/Options/ReportOptions.tsx b/src/components/Options/ReportOptions.tsx index 57d81c147dd2319472d58c315cc737b14b9c0fe3..f870592f10301ee3fa90247bfb8d49485ec69715 100644 --- a/src/components/Options/ReportOptions.tsx +++ b/src/components/Options/ReportOptions.tsx @@ -30,6 +30,7 @@ const ReportOptions: React.FC = () => { type="checkbox" id="switch-report" name="switch-report" + aria-label={t('profile.accessibility.button_toggle_mail_report')} checked={profile.sendAnalysisNotification} onChange={handleChange} /> diff --git a/src/locales/fr.json b/src/locales/fr.json index f787dee09e9a67bd9c9708fffc52f3aa6e42e719..5a57dc81a863a0267a289393653e7701b6dfcb5f 100644 --- a/src/locales/fr.json +++ b/src/locales/fr.json @@ -193,7 +193,9 @@ }, "accessibility": { "button_launch": "Lancer le challenge", - "button_goto_konnector": "Aller aux connecteurs" + "button_goto_konnector": "Aller aux connecteurs", + "button_slider_previous": "Précédent", + "button_slider_next": "Suivant" } }, "challenge_no_fluid_modal": { @@ -473,6 +475,9 @@ "report": { "title": "Notification par mail", "switch_label": "Être prévenu de la parution de mon bilan mensuel" + }, + "accessibility": { + "button_toggle_mail_report": "Activer les notifications par mail" } }, "profile_type": {