fix: make title in item list clickable for screen readers to select t…

…he current item Signed-off-by: Wolfgang <[email protected]>
nextcloud · Nov 28, 2024 · f3f4db2 · f3f4db2
1 parent 2cd2088
commit f3f4db2
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -11,6 +11,7 @@ You can also check [on GitHub](https://github.com/nextcloud/news/releases), the
 
 ### Fixed
 - use appropriate semantic HTML elements for the item list to be recognised by screen readers
+- make title in item list clickable for screen readers to select the current item
 
 # Releases
 ## [25.0.3] - 2024-11-27

diff --git a/src/components/feed-display/FeedItemRow.vue b/src/components/feed-display/FeedItemRow.vue
@@ -22,7 +22,11 @@
 		<div class="main-container" :class="{ 'compact': compactMode }">
 			<div class="title-container" :class="{ 'compact': compactMode, 'unread': item.unread }">
 				<h1 :dir="item.rtl && 'rtl'">
-					{{ item.title }}
+					<a href="#"
+						:title="t('news', 'Open article')"
+						@click="select()">
+						{{ item.title }}
+					</a>
 				</h1>
 			</div>