From 6f31f8cfe82e40263672b8e74ee5485a42aba4d2 Mon Sep 17 00:00:00 2001 From: Giacomo Petri Date: Mon, 11 Aug 2025 14:56:18 +0200 Subject: [PATCH 1/2] Update ARIA8.html --- techniques/aria/ARIA8.html | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/techniques/aria/ARIA8.html b/techniques/aria/ARIA8.html index 4a5a03c96a..e2fecd1c17 100644 --- a/techniques/aria/ARIA8.html +++ b/techniques/aria/ARIA8.html @@ -7,18 +7,19 @@

Describing the purpose of a link in HTML using aria-label.

-

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>
@@ -51,4 +52,4 @@

Describing the purpose of a link in HTML using aria-label.

- \ No newline at end of file + From 794b33780794f1b7b9cf82d346801fcfcce8ffa6 Mon Sep 17 00:00:00 2001 From: Giacomo Petri Date: Mon, 11 Aug 2025 23:34:54 +0200 Subject: [PATCH 2/2] Update techniques/aria/ARIA8.html Co-authored-by: Patrick H. Lauke --- techniques/aria/ARIA8.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/techniques/aria/ARIA8.html b/techniques/aria/ARIA8.html index e2fecd1c17..4817ee4f20 100644 --- a/techniques/aria/ARIA8.html +++ b/techniques/aria/ARIA8.html @@ -8,7 +8,7 @@

Describing the purpose of a link in HTML using aria-label.

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.

+

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.