diff options
| author | julia.kirschenheuter <julia.kirschenheuter@nextcloud.com> | 2024-01-23 11:16:20 +0100 |
|---|---|---|
| committer | julia.kirschenheuter <julia.kirschenheuter@nextcloud.com> | 2024-01-23 14:19:36 +0100 |
| commit | 7ed7001926e30596fe287ed03e7aa72b616d1b0d (patch) | |
| tree | 389d600f2ff5213eb528825e23cf65d8ef11d584 | |
| parent | 48b3e4acb9320bcae7d16e8e84f9ac138f1087c0 (diff) | |
fix(files): Fix description for favorite images and remove image description
Signed-off-by: julia.kirschenheuter <julia.kirschenheuter@nextcloud.com>
| -rw-r--r-- | src/components/File.vue | 12 |
1 files changed, 3 insertions, 9 deletions
diff --git a/src/components/File.vue b/src/components/File.vue index 75710ca0..26bd7f9c 100644 --- a/src/components/File.vue +++ b/src/components/File.vue @@ -46,7 +46,6 @@ :key="`${file.basename}-small`" :src="srcSmall" :alt="file.basename" - :aria-describedby="ariaDescription" :decoding="loadedSmall || isVisible ? 'sync' : 'async'" :fetchpriority="loadedSmall || isVisible ? 'high' : 'low'" :loading="loadedSmall || isVisible ? 'eager' : distance < 2 ? 'auto' : 'lazy'" @@ -61,14 +60,10 @@ :decoding="loadedLarge || isVisible ? 'sync' : 'async'" :fetchpriority="loadedLarge || isVisible ? 'high' : 'low'" :loading="loadedLarge || isVisible ? 'auto' : 'lazy'" - :aria-describedby="ariaDescription" @load="onLoadLarge" @error="onErrorLarge"> </template> </div> - - <!-- image description --> - <p :id="ariaDescription" class="file__hidden-description" :class="{show: errorSmall && errorLarge}">{{ file.basename }}</p> </a> <NcCheckboxRadioSwitch v-if="allowSelection" @@ -134,11 +129,10 @@ export default { computed: { /** @return {string} */ - ariaDescription() { - return `image-description-${this.file.fileid}` - }, - /** @return {string} */ ariaLabel() { + if (this.file.favorite) { + return t('photos', 'Favorite image, open the full size "{name}" image', { name: this.file.basename }) + } return t('photos', 'Open the full size "{name}" image', { name: this.file.basename }) }, /** @return {boolean} */ |