Skip to content

Commit a03e143

Browse files
committed
give the technique its new reference
1 parent 2eb7413 commit a03e143

File tree

3 files changed

+3
-3
lines changed

3 files changed

+3
-3
lines changed
Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ <h2>Description</h2>
1515
<h2>Example</h2>
1616
<p>This example simulates the progress of uploading a document. The progress of the upload is communicated to the user with an ARIA <code>progressbar</code> and visible text underneath the progress bar. The visible text is contained in an element with an <code>aria-live="polite"</code> attribute. This attribute tells screen readers to announce updates made to the content of the element.</p>
1717

18-
<p class="note">The <code>aria-valuemin</code>, <code>aria-valuemax</code>, and <code>aria-valuenow</code> values on the <code>progressbar</code> component programmatically communicate the progress of the upload, but because the <code>progressbar</code> role is not a live region screen readers won't announce updates to those values. Programmatically connecting a status message to the <code>progressbar</code> to announce the changes in value, and a final "upload complete" message creates a better user experience.</p>
18+
<p class="note">The <code>aria-valuemin</code>, <code>aria-valuemax</code>, and <code>aria-valuenow</code> values on the <code>progressbar</code> component programmatically communicate the progress of the upload, but because the <code>progressbar</code> role is not a live region screen readers won't announce updates to those values as they change. Programmatically connecting a status message to the <code>progressbar</code> to announce the changes in value, and a final "upload complete" message creates a better user experience.</p>
1919

2020
<p>The following code can also be seen as a <a href="../../working-examples/aria-role-status-progressbar/">working example</a>.</p>
2121

understanding/understanding.11tydata.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1368,7 +1368,7 @@ export default function (data) {
13681368
"Situation C: If a status message conveys information on the progress of a process:",
13691369
techniques: [
13701370
"ARIA23",
1371-
'<a href="../techniques/aria/technique-using-progressbar-role-with-a-status-message.html">Using the ARIA progressbar role with a status message</a>',
1371+
"ARIA25",
13721372
{
13731373
and: ["ARIA22", "G193"],
13741374
andConjunction: "in combination with",

working-examples/aria-role-status-progressbar/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -77,7 +77,7 @@
7777
</head>
7878
<body>
7979
<h1>Working example - Using the ARIA <code>progressbar</code> role with a status message</h1>
80-
<p>This working example relates to technique XXXXXX</p>
80+
<p>This working example relates to <a href="../../techniques/aria/ARIA25.html">technique ARIA25</a>.</p>
8181

8282
<div class="upload-container">
8383
<p id="upload-progress-label">Uploading document: <strong>report.pdf</strong></p>

0 commit comments

Comments
 (0)