Skip to content

Use cases

Jump to bottom
Becky Gibson edited this page Nov 28, 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>

Clone this wiki locally