diff --git a/tools/log.html b/tools/log.html index 109d030..5a3d6da 100644 --- a/tools/log.html +++ b/tools/log.html @@ -1,67 +1,45 @@ -
-

All the Log Properties

+
+

All the Step Indicator Properties

-
-

Log Usage

+
+

Step Indicator Usage

Description

-

@@

+

The stepindicator attributes should be used whenever there is a sequence of + tasks that the user is required to complete, so that users who have memory issues can keep + track of the steps previously completed.

+

Note that there is no default value.

Example

-

Note we are considering supporting a log such as

+

Note, we are considering supporting a step indicator such as:

Example:
-
<div aui-log="booking trip" aui-step="1" aria-label="buy ticket" aria-hidden="true"
-    aui-actiontaken="bought ticket to NY return" steplocation ="uri" />
-

or

-
<div aui-log="booking trip" aui-step="1" aui-actiontaken="bought ticket to NY return">
-  buy ticket
-  <a href="uri">change</a>
-</div>
-

or the step number can be implied by the DOM

-
<div aui-log="booking trip">
-  <div aui-actiontaken="bought ticket to NY return">
-    buy ticket
-    <a href="uri">change</a>
-  </div>
-</div>
-
-
- - -
- -
-

Alternative Syntax for Log

-
-

Description

-

@@

-
-
-

Example

-

Note we are considering supporting an alternative syntax such as:

-
Example:
-
<log name="booking trip">
-  <step status ="done">
-    <name>buy ticket</name>
-    <actiontaken>bought ticket to NY return</actiontaken>
-    <view changepossible="yes">url </view>
-  </step>
-  <step  status ="done">
-    <name>hotel</name>
-    <actiontaken>booked Sheraton single room</actiontaken>
-    <view changepossible="yes">url </view>
-  </step>
-  <step  status ="current">
-    <name>car rental</name>
-    <view current changepossible="yes"/>
-  </step>
-</log>
-
-
-
- +
+      <div aui-stepindicator="book trip">
+        <div aui-status="complete" aria-label="select flight" aui-step="1" aui-steplocation="uri" />
+        <div aui-status="current" aria-label="book hotel" aui-step="2" aui-steplocation="uri" />
+        <div aui-status="" aria-label="book car" aui-step="3" aui-steplocation="uri" />
+        <div aui-status="" aria-label="purchase trip" aui-step="4" steplocation="uri">
+      </div>
+    
+

or the step number can be implied by the DOM

+
+      
+ <div aui-status=“complete” aria-labelledby=“select flight”> + Select flight + </div> + <div aui-status=“current” aria-labelledby=“book hotel”> + Book Hotel + </div> + <div aui-status=“” aria-labelledby=“book car”> + Book car + </div> + <div aui-status=“” aria-labelledby=“purchase trip”> + Purchase trip + </div> +
+
diff --git a/tools/use-cases.html b/tools/use-cases.html index 11c257d..f8aecc3 100644 --- a/tools/use-cases.html +++ b/tools/use-cases.html @@ -1,54 +1,43 @@ -
-

Logs

-

This proposal is to track the tasks that a user has done, so that they can be reminded of them, and return to or fix a task. The suggested syntax should allow the author to transform some of the information into breadcrumbs via CSS, and the user system can read and present more or less information to the user as per their preferences.

-

Preferably this should be in the header so that the user agent can build a cross application log of user tasks.

-

Note that there is no default value.

-

Relevant properties: log, step, actiontaken, steplocation, status

-
-

Log Usage Examples

-
<div aui-log="booking trip" aui-step="1" aria-label="buy ticket" aria-hidden="true"
-     aui-actiontaken="bought ticket to NY return" steplocation ="uri" />
-

or

-
<div aui-log="booking trip" aui-step="1" aui-actiontaken="bought ticket to NY return">
-      buy ticket
-  <a href="uri">change</a>
-    </div>
-

or the step number can be implied by the DOM

-
<div aui-log="booking trip">
-  <div aui-actiontaken="bought ticket to NY return">
-    buy ticket
-    <a href="uri">change</a>
-  </div>
-</div>
-
-
-

Alternative Syntax for Log

-

Note we are considering supporting an alternative syntax such as:

-
<log name="booking trip">
-  <step status ="done">
-    <name>buy ticket</name>
-    <actiontaken>bought ticket to NY return</actiontaken>
-    <view changepossible="yes">url </view>
-  </step>
-  <step  status ="done">
-    <name>hotel</name>
-    <actiontaken>booked Sheraton single room</actiontaken>
-    <view changepossible="yes">url </view>
-  </step>
-  <step  status ="current">
-    <name>car rental</name>
-    <view current changepossible="yes"/>
-  </step>
-</log>
-
-
-
-
-

Reminders and Messages

-

Requirement: We require an attribute that enables different users to experience different amount of reminders and messages based on personal preferences. Reminders are a wonderful tool for many people with cognitive disabilities. However too many reminders will be annoying or distracting for some other users. Currently people can turn off distractions such as Skype, and Facebook, across different devices, and then may forget to turn them back on.

-

These semantics allow for different solutions so that users are able to focus without missing important messages. Users need to manage all distractions by forming a cross application and cross device distraction matrix that manages all distractions in one setting. It is based on a matrix for distractions at the operating system , browser or cloud level. People and users can be clustered in terms of importance or groups. For example, the CEO and your child's care giver could both be considered critical contacts. So even if they do not feel the message is urgent they can sometimes disrupt the user anyway. Some family members and important colleagues can be in another group, friends and extended family in a third group, system messages from the compliance system can be a different group again.

-

Relevant properties: messageimportance, messagefrom, messagecontext, messagetime

-
-
-

General Tools

-
\ No newline at end of file +
+

Step Indicator

+

+ Requirement: The user must be able to track all completed tasks in a sequence of tasks so they know where they are + in the process and can be reminded of the tasks that are complete. In addition, the user must be able to navigate to + any completed task and make corrections. The suggested syntax allows the author to transform some of the information + into breadcrumbs that identify the completed tasks using CSS so that the user's system can present more or less information + to the user based on the user's preferences.

+

Example User Experience: A breadcrumb displays in the header so that the user agent can build a + cross application step-by-step indicator that displays each task in the order it was completed + by the user. +

+

Relevant properties: + stepindicator, + step, + steplocation, + status +

+
+
+

Reminders and Messages

+

+ Requirement: We require an attribute that enables different users to experience different amount of reminders + and messages based on personal preferences. Reminders are a wonderful tool for many people with cognitive disabilities. + However too many reminders will be annoying or distracting for some other users. Currently people can turn off distractions + such as Skype, and Facebook, across different devices, and then may forget to turn them back on.

+

These semantics allow for different solutions so that users are able to focus without missing important messages. Users + need to manage all distractions by forming a cross application and cross device distraction matrix that manages all distractions + in one setting. It is based on a matrix for distractions at the operating system , browser or cloud level. People and + users can be clustered in terms of importance or groups. For example, the CEO and your child's care giver could both + be considered critical contacts. So even if they do not feel the message is urgent they can sometimes disrupt the user + anyway. Some family members and important colleagues can be in another group, friends and extended family in a third + group, system messages from the compliance system can be a different group again.

+

Relevant properties: + messageimportance, + messagefrom, + messagecontext, + messagetime +

+
+
+

General Tools

+
\ No newline at end of file