add some accessibility

This commit is contained in:
Toni Barth 2024-05-27 12:27:50 +02:00
parent f241cb2280
commit 58bfdc0e91
5 changed files with 20 additions and 20 deletions

View file

@ -11,7 +11,7 @@
<ui-tooltip :text="$strings.LabelSettingsStoreCoversWithItemHelp">
<p class="pl-4">
<span id="settings-store-cover-with-items">{{ $strings.LabelSettingsStoreCoversWithItem }}</span>
<span class="material-icons icon-text">info_outlined</span>
<span aria-hidden="true" class="material-icons icon-text">info_outlined</span>
</p>
</ui-tooltip>
</div>
@ -21,7 +21,7 @@
<ui-tooltip :text="$strings.LabelSettingsStoreMetadataWithItemHelp">
<p class="pl-4">
<span id="settings-store-metadata-with-items">{{ $strings.LabelSettingsStoreMetadataWithItem }}</span>
<span class="material-icons icon-text">info_outlined</span>
<span aria-hidden="true" class="material-icons icon-text">info_outlined</span>
</p>
</ui-tooltip>
</div>
@ -31,7 +31,7 @@
<ui-tooltip :text="$strings.LabelSettingsSortingIgnorePrefixesHelp">
<p class="pl-4">
<span id="settings-sorting-ignore-prefixes">{{ $strings.LabelSettingsSortingIgnorePrefixes }}</span>
<span class="material-icons icon-text">info_outlined</span>
<span aria-hidden="true" class="material-icons icon-text">info_outlined</span>
</p>
</ui-tooltip>
</div>
@ -56,7 +56,7 @@
<ui-tooltip :text="$strings.LabelSettingsParseSubtitlesHelp">
<p class="pl-4">
<span id="settings-parse-subtitles">{{ $strings.LabelSettingsParseSubtitles }}</span>
<span class="material-icons icon-text">info_outlined</span>
<span aria-hidden="true" class="material-icons icon-text">info_outlined</span>
</p>
</ui-tooltip>
</div>
@ -66,7 +66,7 @@
<ui-tooltip :text="$strings.LabelSettingsFindCoversHelp">
<p class="pl-4">
<span id="settings-find-covers">{{ $strings.LabelSettingsFindCovers }}</span>
<span class="material-icons icon-text">info_outlined</span>
<span aria-hidden="true" class="material-icons icon-text">info_outlined</span>
</p>
</ui-tooltip>
<div class="flex-grow" />
@ -80,7 +80,7 @@
<ui-tooltip :text="$strings.LabelSettingsPreferMatchedMetadataHelp">
<p class="pl-4">
<span id="settings-prefer-matched-metadata">{{ $strings.LabelSettingsPreferMatchedMetadata }}</span>
<span class="material-icons icon-text">info_outlined</span>
<span aria-hidden="true" class="material-icons icon-text">info_outlined</span>
</p>
</ui-tooltip>
</div>
@ -90,7 +90,7 @@
<ui-tooltip :text="$strings.LabelSettingsEnableWatcherHelp">
<p class="pl-4">
<span id="settings-disable-watcher">{{ $strings.LabelSettingsEnableWatcher }}</span>
<span class="material-icons icon-text">info_outlined</span>
<span aria-hidden="true" class="material-icons icon-text">info_outlined</span>
</p>
</ui-tooltip>
</div>
@ -106,7 +106,7 @@
<ui-tooltip :text="$strings.LabelSettingsBookshelfViewHelp">
<p class="pl-4">
<span id="settings-home-page-uses-bookshelf">{{ $strings.LabelSettingsHomePageBookshelfView }}</span>
<span class="material-icons icon-text">info_outlined</span>
<span aria-hidden="true" class="material-icons icon-text">info_outlined</span>
</p>
</ui-tooltip>
</div>
@ -116,7 +116,7 @@
<ui-tooltip :text="$strings.LabelSettingsBookshelfViewHelp">
<p class="pl-4">
<span id="settings-library-uses-bookshelf">{{ $strings.LabelSettingsLibraryBookshelfView }}</span>
<span class="material-icons icon-text">info_outlined</span>
<span aria-hidden="true" class="material-icons icon-text">info_outlined</span>
</p>
</ui-tooltip>
</div>
@ -146,7 +146,7 @@
<p class="pl-4">
<span id="settings-experimental-features">{{ $strings.LabelSettingsExperimentalFeatures }}</span>
<a :aria-label="$strings.LabelSettingsExperimentalFeaturesHelp" href="https://github.com/advplyr/audiobookshelf/discussions/75" target="_blank">
<span class="material-icons icon-text">info_outlined</span>
<span aria-hidden="true" class="material-icons icon-text">info_outlined</span>
</a>
</p>
</ui-tooltip>