Skip to content

Commit f3249a8

Browse files
authored
A11Y: link missing accessible name (#77)
## What is the problem Link missing accessible name. ## What to do Ensure the accessible name of each link accurately reflects the target and purpose of the link when the link and its surrounding text is taken into context. This can be done by changing text that is used to calculate a link's accessible name, or by modifying text before the link, such as in the same sentence, paragraph, list item, etc. Even when combined with text in context, it may still be helpful to users of screen readers to provide an accessible link name that makes the link's purpose clear out of context. If the accessible name of the link cannot be updated, authors should ensure that the content surrounding the link aids in identifying the links purpose. Acceptable methods of providing purpose via link context includes indicating the purpose in the same: 1. Sentence, paragraph, or list item or 2. Table cell as the link or 3. In the table header cell for a link in a data table
1 parent 0bdefef commit f3249a8

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

javascripts/discourse/components/topic-list-thumbnail.gjs

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -89,7 +89,7 @@ export default class TopicListThumbnail extends Component {
8989
(if this.hasThumbnail "has-thumbnail" "no-thumbnail")
9090
}}
9191
>
92-
<a href={{this.url}}>
92+
<a href={{this.url}} aria-label={{this.topic.title}}>
9393
{{#if this.hasThumbnail}}
9494
<img
9595
class="background-thumbnail"

0 commit comments

Comments
 (0)