Skip to content

Use cases

Jump to bottom
snidersd edited this page Nov 29, 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.

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>

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>

Clone this wiki locally