diff --git a/apps/accessibility/js/accessibility.js b/apps/accessibility/js/accessibility.js index 8c3ce93396b5b197c14e765bf3fcf29f9bc12f47..52b81b0ca93c8a6e0ca4e5abbad32574e053adc0 100644 Binary files a/apps/accessibility/js/accessibility.js and b/apps/accessibility/js/accessibility.js differ diff --git a/apps/accessibility/js/accessibility.js.map b/apps/accessibility/js/accessibility.js.map index aa1c9e204fed2542debdf1c2577aa9b1b0727840..70e6fb40acfa9a14746db2b43b7a01de9ab5c135 100644 Binary files a/apps/accessibility/js/accessibility.js.map and b/apps/accessibility/js/accessibility.js.map differ diff --git a/apps/accessibility/lib/AccessibilityProvider.php b/apps/accessibility/lib/AccessibilityProvider.php index abb7a95afa2e90edadd5091e64f6c4a3f1ca02d0..ce9489df5f263de9eaa9db31f09209e0c3de0004 100644 --- a/apps/accessibility/lib/AccessibilityProvider.php +++ b/apps/accessibility/lib/AccessibilityProvider.php @@ -62,6 +62,7 @@ class AccessibilityProvider { 'id' => 'dark', 'img' => $this->urlGenerator->imagePath($this->appName, 'theme-dark.jpg'), 'title' => $this->l->t('Dark theme'), + 'enableLabel' => $this->l->t('Enable dark theme'), 'text' => $this->l->t('A dark theme to ease your eyes by reducing the overall luminosity and brightness. It is still under development, so please report any issues you may find.') ] ); @@ -72,6 +73,7 @@ class AccessibilityProvider { 'id' => 'highcontrast', 'img' => $this->urlGenerator->imagePath($this->appName, 'mode-highcontrast.jpg'), 'title' => $this->l->t('High contrast mode'), + 'enableLabel' => $this->l->t('Enable high contrast mode'), 'text' => $this->l->t('A high contrast mode to ease your navigation. Visual quality will be reduced but clarity will be increased.') ]; } @@ -82,6 +84,7 @@ class AccessibilityProvider { 'id' => 'fontdyslexic', 'img' => $this->urlGenerator->imagePath($this->appName, 'font-opendyslexic.jpg'), 'title' => $this->l->t('Dyslexia font'), + 'enableLabel' => $this->l->t('Enable dyslexia font'), 'text' => $this->l->t('OpenDyslexic is a free typeface/font designed to mitigate some of the common reading errors caused by dyslexia.') ] ); diff --git a/apps/accessibility/src/Accessibility.vue b/apps/accessibility/src/Accessibility.vue index 63cfec20c945597428ad4324a965d9c0b7e13bcc..b717f4cf9f9924fe5f1de9f600facb3ba84bb01f 100644 --- a/apps/accessibility/src/Accessibility.vue +++ b/apps/accessibility/src/Accessibility.vue @@ -65,28 +65,30 @@ export default { `Universal access is very important to us. We follow web standards and check to make everything usable also without mouse, and assistive software such as screenreaders. - We aim to be compliant with the {guidelines} 2.1 on AA level, + We aim to be compliant with the {guidelines}Web Content Accessibility Guidelines{linkend} 2.1 on AA level, with the high contrast theme even on AAA level.` ) .replace('{guidelines}', this.guidelinesLink) + .replace('{linkend}', '</a>') }, guidelinesLink() { - return `<a target="_blank" href="https://www.w3.org/WAI/standards-guidelines/wcag/" rel="noreferrer nofollow">${t('accessibility', 'Web Content Accessibility Guidelines')}</a>` + return `<a target="_blank" href="https://www.w3.org/WAI/standards-guidelines/wcag/" rel="noreferrer nofollow">` }, descriptionDetail() { return t( 'accessibility', - `If you find any issues, don’t hesitate to report them on {issuetracker}. - And if you want to get involved, come join {designteam}!` + `If you find any issues, don’t hesitate to report them on {issuetracker}our issue tracker{linkend}. + And if you want to get involved, come join {designteam}our design team{linkend}!` ) .replace('{issuetracker}', this.issuetrackerLink) .replace('{designteam}', this.designteamLink) + .replace('{linkend}', '</a>') }, issuetrackerLink() { - return `<a target="_blank" href="https://github.com/nextcloud/server/issues/" rel="noreferrer nofollow">${t('accessibility', 'our issue tracker')}</a>` + return `<a target="_blank" href="https://github.com/nextcloud/server/issues/" rel="noreferrer nofollow">` }, designteamLink() { - return `<a target="_blank" href="https://nextcloud.com/design" rel="noreferrer nofollow">${t('accessibility', 'our design team')}</a>` + return `<a target="_blank" href="https://nextcloud.com/design" rel="noreferrer nofollow">` }, }, methods: { diff --git a/apps/accessibility/src/components/ItemPreview.vue b/apps/accessibility/src/components/ItemPreview.vue index 9c74eb03fd170414598b5b39e1fab6f3a1d07120..1b6f3ebf01d939d56c68543bd9a8e290eab48f3f 100644 --- a/apps/accessibility/src/components/ItemPreview.vue +++ b/apps/accessibility/src/components/ItemPreview.vue @@ -8,7 +8,7 @@ v-model="checked" type="checkbox" class="checkbox"> - <label :for="'accessibility-' + preview.id">{{ t('accessibility', 'Enable') }} {{ preview.title.toLowerCase() }}</label> + <label :for="'accessibility-' + preview.id">{{ preview.enableLabel }}</label> </div> </div> </template>