Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Jf edits #156

Merged
merged 41 commits into from Jul 13, 2020
Merged

Jf edits #156

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
41 commits
Select commit Hold shift + click to select a range
0c977a9
Fixed 2 minor edits from Janina
johnfoliot Jun 22, 2020
059fe7f
Update index.html
johnfoliot Jun 22, 2020
c76436c
Update respec-config.js
johnfoliot Jun 22, 2020
0ef268a
Update symbol.html
johnfoliot Jun 22, 2020
617aacf
Update simplification.html
johnfoliot Jun 22, 2020
ecba3e1
Update purpose.html
johnfoliot Jun 22, 2020
b81bbb6
Update index.html
johnfoliot Jun 22, 2020
d16e72d
Update distraction.html
johnfoliot Jun 22, 2020
0aa311d
Update destination.html
johnfoliot Jun 22, 2020
cffdadf
Update action.html
johnfoliot Jun 22, 2020
0bfe54a
Update index.html
johnfoliot Jun 29, 2020
31fd0d6
Update index.html
johnfoliot Jun 29, 2020
8e8d568
Update index.html
johnfoliot Jun 29, 2020
8d065d8
Update index.html
johnfoliot Jun 29, 2020
3ce087c
Update index.html
johnfoliot Jun 29, 2020
700463d
Update index.html
johnfoliot Jun 29, 2020
2a434ca
Update action.html
johnfoliot Jun 29, 2020
593f124
Update destination.html
johnfoliot Jun 29, 2020
424bc58
Update purpose.html
johnfoliot Jun 29, 2020
3a1708d
Update purpose.html
johnfoliot Jun 29, 2020
c4b35bb
Update purpose.html
johnfoliot Jun 29, 2020
b0382ae
Update purpose.html
johnfoliot Jun 29, 2020
0c36905
Update purpose.html
johnfoliot Jun 29, 2020
1a7d8b3
Update simplification.html
johnfoliot Jun 29, 2020
1cd9e52
Update simplification.html
johnfoliot Jun 29, 2020
304a59e
Update simplification.html
johnfoliot Jun 29, 2020
6d9fbc5
Update simplification.html
johnfoliot Jun 29, 2020
2c99e0e
Update simplification.html
johnfoliot Jun 29, 2020
d08cb75
Update simplification.html
johnfoliot Jun 29, 2020
25500a0
Update simplification.html
johnfoliot Jul 13, 2020
fb28e2a
Update index.html
johnfoliot Jul 13, 2020
0c8a730
Update distraction.html
johnfoliot Jul 13, 2020
01492d0
Update destination.html
johnfoliot Jul 13, 2020
609eb19
Update action.html
johnfoliot Jul 13, 2020
edcd0a9
Update symbol.html
johnfoliot Jul 13, 2020
6816dee
Update distraction.html
johnfoliot Jul 13, 2020
675948a
Update symbol.html
johnfoliot Jul 13, 2020
7126c54
Update symbol.html
johnfoliot Jul 13, 2020
6f503f7
Missing ending >
clapierre Jul 13, 2020
ad7e26f
Update index.html
johnfoliot Jul 13, 2020
d8ebb09
Merge branch 'JF-Edits' of https://github.com/w3c/personalization-sem…
johnfoliot Jul 13, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
20 changes: 10 additions & 10 deletions content/action.html
View file
Open in desktop
Expand Up @@ -10,12 +10,12 @@ <h3>Description</h3>
</section>
<section id="action-example">
<h3>Example</h3>
<p>Here is an example using the <code>action</code> attribute.</p>
<p>The following is an example using the <code>action</code> attribute.</p>
<div class="property-example" >

<pre class="example" title="Action Using data-">
<pre class="example" title="Action Using data-action">
<p>&lt;button data-action=&quot;undo&quot;&gt;Revert&lt;/button&gt;</p></pre>
<p>A personalization agent may add a symbol, replace the text with a more familiar term, or give it a specific presentation. Note that there is no default value.</p>
<p>A personalization agent may add a symbol, replace the text (button label) with a more familiar term, or give it a specific presentation.</p><p> Note that this attribute can only take a single token value, and there is no default value.</p>
</div>
</section>

Expand Down Expand Up @@ -49,7 +49,7 @@ <h3>Characteristics</h3>
</tr>
</tbody>
</table>
<p>The following could be supported values of <code>action</code> for buttons. Note that the following items represent an option or control that allows you to perform the action. They do not represent page regions.</p>
<p>The following is the proposed token values used with <code>action</code> for buttons. Note that the following items represent an option or control that allows you to perform the action. They do not represent page regions.</p>
</section>

<section>
Expand All @@ -69,16 +69,16 @@ <h3>Values</h3>
</tr>
<tr>
<th class="value-name" scope="row">brightness</th>
<td class="value-description">Adjust the screen or application brightness. Often used with increase or decrease but is sometimes used alone as a menu name or item.
<td class="value-description">Adjust the screen or application brightness. Often used with increase or decrease but is sometimes used alone as a menu name or item.
<em class="ednote">At risk pending implementations.</em></td>
</tr>
<tr>
<th class="value-name" scope="row">buy</th>
<td class="value-description">Buy the selected item or buy the item at the current location. Often involves adding the current item into a shopping cart. (Implied simplification = "critical".)</td>
<td class="value-description">Buy the selected item or buy the item at the current location. Often involves adding the current item into a shopping cart. (Implied simplification = "critical".)</td>
</tr>
<tr>
<th class="value-name" scope="row">cancel</th>
<td class="value-description">Closes the dialog and discards any changes the user may have made within that dialog. (Implied simplification = "critical".)</td>
<td class="value-description">Closes the dialog and discards any changes the user may have made within that dialog. (Implied simplification = "critical".)</td>
</tr>
<tr>
<th class="value-name" scope="row">captions</th>
Expand Down Expand Up @@ -268,7 +268,7 @@ <h3>Values</h3>
</tr>
<tr>
<th class="value-name" scope="row">reset</th>
<td class="value-description">Resets all the controls to their initial values.</td>
<td class="value-description">Resets all the controls to their initial or default values.</td>
</tr>
<tr>
<th class="value-name" scope="row">resize</th>
Expand Down Expand Up @@ -318,15 +318,15 @@ <h3>Values</h3>
</tr>
<tr>
<th class="value-name" scope="row">undo</th>
<td class="value-description">Revert back to the prior state before the user's most recent changes.</td>
<td class="value-description">Revert to the prior state before the user's most recent changes.</td>
</tr>
<tr>
<th class="value-name" scope="row">upload</th>
<td class="value-description">Upload a file to the server.</td>
</tr>
<tr>
<th class="value-name" scope="row">voice-commands</th>
<td class="value-description">Activate or deactivate voice commands. Often used with [aria-pressed = "true"] for on or [aria-pressed = "false"] for off.</td>
<td class="value-description">Activate or deactivate voice commands. Often used with <code>[aria-pressed = "true"]</code> for on or <code>[aria-pressed = "false"]</code> for off.</td>
</tr>
<tr>
<th class="value-name" scope="row">volume</th>
Expand Down
9 changes: 5 additions & 4 deletions content/destination.html
View file
Open in desktop
Expand Up @@ -4,15 +4,16 @@ <h2>destination</h2>
<h3>Description</h3>
<div class="property-description">
<p>The <code>destination</code> attribute categorizes the target of a hyperlink.</p>
<p>A personalization agent or user agent may add additional familiar user interface features to help users understand the link and follow the right one easily. User agents might add a familiar customized icon to the link, or style the link in a customized way, or position the link on the page in a location that the user generally expects to find a link of the particular type.</p>
<p>A personalization agent or user agent may add additional familiar user interface features to help users understand the link and follow the right one easily. User agents might add a familiar customized icon to the link, style the link in a customized way, or position the link on the page in a location that the user generally expects to find a link of the particular type.</p>
</div>
</section>
<section id="destination-example">
<h3>Example</h3>
<p>The below example section show how <code>destination</code> used when coding.</p>
<pre class="example" title="Destination Using data-">
<p>The following is an example using the <code>destination</code> attribute.</p>
<pre class="example" title="Destination Using data-destination">
&lt;a href=&quot;home.html&quot; data-destination=&quot;home&quot;&gt;our main page&lt;/a&gt;</pre>
<p>See the <a href="https://rawgit.com/ayelet-seeman/coga.personalisation/demo/conactUs.html">destination sample user experience</a>.</p>
<p> Note that this attribute can only take a single token value, and there is no default value.</p>


</section>
Expand Down Expand Up @@ -131,7 +132,7 @@ <h3>Values</h3>
</tr>
<tr>
<th class="value-name" scope="row">social</th>
<td class="value-description">Content provider on a social media platform. Note, that the specific name of the social media platform should be included in the accessible name.
<td class="value-description">Content provider on a social media platform. Note: the specific name of the social media platform should be included in the accessible name.
<em class="ednote">At risk pending implementations.</em></td>
</tr>
<tr>
Expand Down
33 changes: 17 additions & 16 deletions content/distraction.html
View file
Open in desktop
Expand Up @@ -3,24 +3,25 @@ <h2>distraction</h2>
<section>
<h3>Description</h3>
<div class="property-description">
<p>The <code>distraction</code> attribute should be used on non-essential detracting content, so that people who have problems keeping focus can turn the content off. An example user experiences would be to hide all non-essential distracting content.</p>
<p>The <code>distraction</code> attribute is intended to be used on non-essential distracting content, so that people who have problems keeping focus can minimize or turn the content off. An example user experiences would be to hide all non-essential distracting content.</p>
<p>Note that there is no default value.</p>
<p>Note that elements with the <code>distraction</code> attribute should also have a label or accessible name.</p>
</div>
</section>
<section id="distraction-example">
<h3>Examples</h3>
<p>Example using the <code>distraction</code> attribute in the context of an animated image.</p>
<pre class="example" title="Distraction Using data-">
&lt;img src="animated.gif" alt="animated banner advertising for Widgets" data-distraction="sensory offer"&gt;</pre>

<p>Example using the <code>distraction</code> attribute in the context of a stock ticker that starts and displays upon page load.</p>
<pre class="example" title="Distraction Using data-">
&lt;div data-distraction="sensory messages"&gt; ... &lt;/div&gt;</pre>

<p>Example of a count-down timer that starts at the user’s request and updates in real-time the hours, minutes, and seconds until an event.</p>
<pre class="example" title="Distraction Using data-">
&lt;div data-distraction="sensory"&gt; ... &lt;/div&gt;</pre>
<ol>
<li>Example using the <code>distraction</code> attribute in the context of an animated image.
<pre class="example" title="Distraction Using data-distraction">
&lt;img src="animated.gif" alt="animated banner advertising for Widgets"
data-distraction="sensory offer"&gt;</pre></li>
<li>Example using the <code>distraction</code> attribute in the context of a stock ticker that starts and displays upon page load.
<pre class="example" title="Distraction Using data-distraction">
&lt;div data-distraction="sensory messages" class="stockticker-widget-container"&gt;&lt;/div&gt;</pre></li>
<li>Example using the <code>distraction</code> attribute in the context of a count-down timer that starts at the user’s request and updates in real-time the hours, minutes, and seconds until an event starts (or ends).
<pre class="example" title="Distraction Using data-distraction">
&lt;div data-distraction="sensory" class="countdown-widget-container"&gt;&lt;/div&gt;</pre></li>
</ol>

</section>
<section>
Expand Down Expand Up @@ -65,19 +66,19 @@ <h3>Values</h3>

<tr>
<th class="value-name" scope="row">messages</th>
<td class="value-description">Communication (auditory or visual) sent to or left for the user or the interface that allows interaction of text-based messages. Messages may also be automaticaly updating. Essential system messages should not be tagged as distractions. This includes but is not limited to WebRTC.</td>
<td class="value-description">Communication (auditory or visual) sent to or left for the user or the interface that allows interaction of text-based messages. Messages may also be automatically updating. Essential system messages should not be tagged as distractions. This includes but is not limited to WebRTC.</td>
</tr>
<tr>
<th class="value-name" scope="row">offer</th>
<td class="value-description">An advertisement or offer for a product, feature or service, or content that is not essential to the user's current task.</td>
<td class="value-description">An advertisement or offer for a product, feature, service, or content that is not essential to the user's current task.</td>
</tr>
<tr>
<th class="value-name" scope="row">overlay</th>
<td class="value-description">Part of an application or content that is displayed over the top of the other content in a secondary window or popup, that blocks user interaction to the parent window. The content of the popup is not essential to the users task and are not intentionally initiated by the user.</td>
<td class="value-description">Part of an application or content that is displayed over the top of other content in a secondary window or popup that blocks user interaction to the parent window. The content of the popup is not essential to the users task and was not intentionally initiated by the user.</td>
</tr>
<tr>
<th class="value-name" scope="row">sensory</th>
<td class="value-description">Non-essential distracting content that includes movement, sound or other forms of sensory feedback. This includes: moving images (videos, animated GIFs,etc.); content that starts automatically or is automatically updating; and elements that change locations or generate audio feedback on the user's system.</td>
<td class="value-description">Non-essential distracting content that includes movement, sound or other forms of sensory feedback. This includes: moving images (videos, animated GIFs, etc.); content that starts automatically or is automatically updating; and elements that change locations or generate audio feedback on the user's system.</td>
</tr>
</tbody>
</table>
Expand Down