Skip to content

Commit

Permalink
🤖 Deploy to GitHub Pages: 1258d74 from branch refs/heads/main
Browse files Browse the repository at this point in the history
  • Loading branch information
w3cgruntbot committed Sep 13, 2024
1 parent 7719e3d commit 7a4b5be
Showing 1 changed file with 5 additions and 17 deletions.
22 changes: 5 additions & 17 deletions understanding/identify-purpose.html
Original file line number Diff line number Diff line change
Expand Up @@ -115,17 +115,14 @@ <h1>
</h1>



<section id="brief">
<h2>In Brief</h2>
<dl>
<dt>Goal</dt><dd>It is easier to operate and navigate content.</dd>
<dt>What to do</dt><dd>Use code to indicate the meaning of all controls and other key information, where available.</dd>
<dt>Why it's important</dt><dd>Some people with cognitive disabilities may not understand a control's purpose from the name alone.</dd>
</dl>

</section>



<section id="success-criterion" class="box">
Expand All @@ -144,34 +141,26 @@ <h2 class="box-h box-h-icon">Success Criterion (SC)</h2>
<h2>Intent</h2>
<p>The intent of this Success Criterion is to ensure that the purpose of many elements on a page can be programmatically determined, so that user agents can extract and present that purpose to users using different modalities.</p>
<p>Many users with limited vocabularies rely on familiar terms or symbols in order to use the web. However, what is familiar to one user may not be familiar to another. When authors indicate the purpose, users can take advantage of personalization and user preferences to load a set of symbols or vocabulary familiar to them.</p>

<p>This Success Criterion requires the author to programmatically associate the purpose of icons, regions and components (such as buttons, links, and fields) so that user agents can determine the purpose of each and adapt indicators or terminology to make them understandable for the user. It is achieved by adding semantics or metadata that provide this context. It is similar to adding role information (as required by 4.1.2) but instead of providing information about what the UI component is (such as an image) it provides information about what the component represents (such as a link to the home page).</p>

<p>Identifying regions of the page allows people to remove or highlight regions with their user agent.</p>

<p>Products for people who are non-vocal often use symbols to help users communicate. These symbols are in fact people's language. Unfortunately, many of these symbols are both subject to copyright and not interoperable. That means end users can only use one device, and cannot use content, apps, or assistive technologies that have not been made by a single company.</p>

<p>This Success Criterion enables symbols to be interoperable so that symbol users can understand different content that was not just made by one company. When users' symbols are mapped to the same nodes, then user agents can load the user-understandable symbol. People can then buy the symbols and use them across different devices or applications. (Note that the symbols would still be proprietary, but they could then be interoperable.)</p>

</section>
</section>
<section id="benefits">
<h2>Benefits</h2>

<p>People who benefit have many different cognitive disabilities including:</p>
<ul>
<li>Memory</li>
<li>Focus and attention</li>
<li>Language-related</li>
<li>Executive function and decision making.</li>
</ul>

<p>Meeting this Success Criterion helps users who need extra support or a familiar interface, including the need for:</p>
<ul>
<li>Symbols and graphics with which users are familiar</li>
<li>Fewer features and less cognitive overload</li>
<li>Keyboard shortcuts</li>
</ul>

</section>
<section id="examples">
<h2>Examples</h2>
Expand All @@ -191,12 +180,11 @@ <h2>Related Resources</h2>
<p>Resources are for information purposes only, no endorsement implied.</p>



<ul>
<li><a href="https://rawgit.com/w3c/coga/master/issue-papers/personalization-preferences.html">Issue-papers on personalization and preferences</a></li>
<li>An <a href="https://github.com/ayelet-seeman/coga.personalisation/tree/ExampleWebPage/">example of adaptive page</a></li>
<li><a href="https://w3c.github.io/wcag/coga/user-research.html">Background research document</a></li>
<li><a href="https://w3c.github.io/personalization-semantics/">Semantics for adaptive interfaces</a></li>
<li><a href="https://www.w3.org/TR/coga-usable/">Making Content Usable for People with Cognitive and Learning Disabilities</a></li>
<li>An <a href="https://www.w3.org/WAI/adapt/">WAI-Adapt Overview, enabling users to adapt content presentation</a></li>
<li><a href="https://w3c.github.io/coga/issue-papers/#personalization-and-user-preferences">Personalization and User Preferences</a></li>
<li><a href="https://github.com/ayelet-seeman/coga.personalisation/">The coga.personalisation project</a></li>
</ul>
</section>
<section id="techniques">
Expand Down

0 comments on commit 7a4b5be

Please sign in to comment.