In some situations, designers may choose to lessen the visual appearance of links on a page by using shorter, repeated link text such as "read more". These situations provide a good use case for aria-label in that the simpler, non-descriptive "read more" text on the page can be replaced with a more descriptive label of the link. The words 'read more' are repeated in the aria-label (which replaces the original anchor text of "[Read more...]") to allow consistent communication between users.
-<h4>Neighborhood News</h4>
+ In some situations, designers may choose to lessen the visual appearance of links on a page by using shorter, repeated link text such as "read more". These situations provide a good use case for aria-label in that the simpler, non-descriptive "read more" text on the page can be replaced with a more descriptive label of the link. The words 'read more' are repeated in the aria-label (which replaces the original anchor text of "Read more") to allow consistent communication between users.
+ The success criterion 2.5.3 Label in Name requires that the visible label is included as part of the 'accessible name', which is generally set by the aria-label. The examples below meet this requirement.
+ <h4>Neighborhood News</h4>
<p>Seminole tax hike: Seminole city managers are proposing a 75% increase in
property taxes for the coming fiscal year.
<a href="taxhike.html" aria-label="Read more about Seminole tax hike">
- [Read more...]</a>
+ Read more</a>
</p>
<p>Baby Mayor: Seminole voters elect the city's youngest mayor ever by voting
in 3 year old Willy "Dusty" Williams in yesterday's mayoral election.
<a href="babymayor.html" aria-label="Read more about Seminole's new baby mayor">
- [Read more...]</a>
+ Read more</a>
</p>