Skip to content

Use cases

Jump to bottom
Lisa Seeman edited this page Dec 3, 2018 · 60 revisions

This page is for creating use cases

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:

Content Filtering (inception)

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"

Numberfree and extrahelp

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.

Original

<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>

3 Attributes

<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>

AUI Attributes

<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>

Numberfree and easylang

Use case: The user prefers alternative text that does not use numerical concepts as well content that is easier to read and understand.

Original

<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</p>

AUI Attributes

<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>

Numberfree and easylang 2

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

Original 2.a

<p>Comparing the present clock-reported time you many wish to come a bit later then the normal time </p>

AUI Attributes 2.a

<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>

three attribute 2.a

Comparing the present clock-reported time you many wish to come a bit later then the normal time

b usecase: the user can understand words well but has dyslacilua and does not understand numbers

Original 2.b

<p>meeting is starting 10 minuets late </p>

AUI Attributes 2.b

<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>

three attribute 2.b

meeting is starting 10 minuets late
## Simplification and field Use case: The user would prefer to see only the critical information and required fields to complete a task. In addition, the user would like to have symbols added that make it easier to understand what is needed in the input field.

Original

<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>

AUI Attributes

<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>

Original b

<div>

send undo lable send later mark urgentr

AUI Attributes - b

undo lable send later mark urgentr

3 Attributes - b

undo lable send later mark urgentr

Clone this wiki locally