-
Notifications
You must be signed in to change notification settings - Fork 17
Use cases
This page is for creating use cases to test if different proposals for implementing the vocabularies can work
Each use case should have a description, link to the requirement or easy language requirement and two code examples. Code example should include the AUI attributes and an example with the minim attributes possible.
links:
- the specification: https://w3c.github.io/personalization-semantics/#vocabulary-identification
- Vocabulary: It also has list of what is a tocken , uri and text attribute https://raw.githack.com/w3c/personalization-semantics/value-list/vocabulary-list/index.html
- requirements: https://rawgit.com/w3c/personalization-semantics/requirements/requirements/index.html#abstract
- wiki on implemetion : https://github.com/w3c/personalization-semantics/wiki/Comparison-of-ways-to-use-vocabulary-in-content
- wiki on implementation for 3 attributes : https://github.com/w3c/personalization-semantics/wiki/Comparison-of-ways-to-use-vocabulary-in-content#6c
Use case: The user would prefer to see only the critical information and required fields to complete a task.
<div>
<form action="#" method="post"><br />
<p>Enter your e-mail address to subscribe to our mailing list.</p><br />
<label for="address">Enter email address:</label>
<input type="text" id="address" name="address"/></p><br />
<input type="submit" value="Subscribe" />
</form>
</div>
<div>
<form action="#" method="post"><br />
<p>Note: [*]denotes mandatory field</p>
<p>Enter your e-mail address to subscribe to our mailing list.</p><br />
<label for="address">Enter email address:</label>
<input type="text" id="address" name="address" aui-field="email" aui-simplification="critical" aria-
required="true"/>[*]</p><br />
<input type="submit" aui-simplification="critical" value="Subscribe" />
<br />
</form>
</div>
<div>
<button id="1">send</button>
<button id="2">undo</button>
<button id="3">lable</button>
<button id="4">send later</button>
<button id="5">mark urgentr</button>
</div>
<div>
<input type="submit" aui-simplification="critical" aui-action="send" value="send" />
<button id="2" aui-simplification="high" aui-action="undo">undo</button>
<button id="3" aui-simplification="normal">lable</button>
<button id="4" aui-simplification="normal">send later</button>
<button id="5" aui-simplification="normal" >mark urgentr</button>
</div>
<div>
<input type="submit" context ="critical send" value="send" />
<button id="2" context="high" aui-action="undo">undo</button>
<button id="3" context="normal">lable</button>
<button id="4" context="normal">send later</button>
<button id="5" context="normal" >mark urgentr</button>
</div>
User may have sensitivity to certain words or topics; based on personal preference, culture or disability which are expressed on a page using text, images or video.
Given one or more strings representing a specified word or category, for example, content marked as explicit, violent, etc., hide or remove that string and associated elements from the DOM.
- aui-action = hide
- URI = JSON file of words
Consideration: How are we bringing in data sets to support use cases that depend on external data, for example, symbols or simple language vocabularies? Is this through separate JS or is the vision to have that abstracted by the implementation.
Alternative (by lisa) aui-trigers = list of words
at the user end the content will be hiden under a warning button if any of the words match a word idendetifed as a tiger in the user prefrences
for example aui-trigers = "violent rape"
This example proved much harder to create than I expected. I will admit that I am still confused at how to create the examples and am not confident that these are correct. I also intended to have this be an example that needed two types of replacement but when I implemented it, I realized I could split it into two separate substitutions. becky
The user needs content that does not use numbers and needs extra help and information to complete a task.
<div>7 out of 10 people order pizza with some kind of meat topping. Select the toppings below in order of preference that you would order on pizza.
</div>
<form>sophisticated form to select/rank pizza toppings in order of preference</form>
<div>
<span context="numberfree" easylang="most people">7 out of 10 people</span> order pizza with some kind of meat topping.
<span context="extrahelp" reference="href-to-simplifiedInstructions">Select the toppings below in order of preference that you would order on pizza.</span>
</div>
<div>
<span aui-numberfree="Most people"> 7 out of 10 people</span> order pizza with some kind of meat topping.
<span aui-extrahelp="href-to-simplifiedInstructions">Select the toppings below in order of preference that you would order on pizza.</span>
</div>
Use case: The user prefers alternative text that does not use numerical concepts as well content that is easier to read and understand.
<p>Comparing the present clock-reported time which is 5 minutes
after 09:00 AM with what we previously discussed yesterday, and made an agreement about, it seems that I myself may not be exactly on schedule
<div>
<span easylang="I'm running late">Comparing the present clock-reported time which is <span aui-numberfree="midmorning">5 minutes after 09:00 AM</span> with what we previously discussed
yesterday, and made an agreement about, it seems that I myself may not be exactly on schedule</span>
</div>
Use case: we have two use cases a. The user prefers alternative text that is easy to read and understand but is good with numbers (eg dyslexic) b. the user can understand words well but has dyslacilua and does not understand numbers
<p>Comparing the present clock-reported time you many wish to come a bit later then the normal time </p>
<div>
<span aui-easylang="come to the meeting at 9.10 ">Comparing the present clock-reported time you many wish to come a bit later then the normal time</span>
</div>
<div>
<span easylang="come to the meeting at 9.10 ">Comparing the present clock-reported time you many wish to come a bit later then the normal time</span>
</div>
b usecase: the user can understand words well but has dyslacilua and does not understand numbers
<p>meeting is starting 10 minuets late </p>
<div>
<span aui-easylang="come a bit later then the normal time - enough time for a cup of tea... ">meeting is starting 10 minuets late </span>
</div>
<div>
<span easylang=" come a bit later then the normal time- enough time for a cup of tea... " context="numbers">meeting is starting 10 minuets late </span>
</div>
Use case: The user needs
- easy language and
- a bit more information about how the interface works
- what just happened - ie di they need to clicsk something else, did it work ?
In this example search cryteria in one part of a page controls the results in anther region which showes the side effects of a drug. Other buttons may show dosage etc in the results region
<input aui-context ="critical" value="refresh" aria-controls="region2" />
<input aui-simplification="critical" aui-feedback="the results now are for ibrofien side effect" value="refresh"
aria-controls="region2" aui- easyLang="get the side effects" aui-explain="press this button to see the side effects of a drug" />
I could not do this in three atributes. So I did what I could
<input context="critical" aui-feedback="the results now are for ibrofien side effect" value="refresh" aria-controls="region2" aui- easyLang="get the side effects" aui-explain="press this button to see the side effects of a drug" />
Use case: The user needs
- symbols
- extra text and help
<div> <strong> warning</strong> in the event of a syrin go to the designated protected area</div>
<div> <strong region="warning"> warning</strong> <span aui-symbol="blis.org/syrin">in the event of a syrin
</span>
<span aui-symbol="blis.org/goto"> go to </span><span aui-symbol="blis.org/shelta" aui-
extrahelp=mysite/whatisashelter-easylang.html">the designated protected area</span></div>
I could not do it in three
this is the best I can do
go to <span refrence="blis.org/shelta" extrahelp=mysite/whatisashelter-easylang.html">the designated protected area