Visitar URL original
Add mark role by aleventhal · Pull Request #1133 · w3c/aria · GitHub
Skip to content

Add mark role #1133

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

Merged
jnurthen merged 12 commits into from
Jan 16, 2020
Merged

Add mark role #1133

Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
cbe5c02
Add mark role
Dec 11, 2019
0dbe15e
Fix tabs
Dec 11, 2019
7d26914
Fix tabs
jnurthen Jan 3, 2020
9f3860c
Match HTML's description of mark element
Jan 6, 2020
09f20d0
Match HTML's description of mark element
Jan 6, 2020
52f4012
Add to role categorization section
Jan 6, 2020
0bf22cc
First paragraph should only be 1-2 sentences so that automatic role s…
Jan 7, 2020
3e1f8fa
Improved wording inspired by MDN
Jan 9, 2020
ea122a6
Update index.html
aleventhal Jan 10, 2020
f7c4e33
Update index.html
aleventhal Jan 10, 2020
90248ab
Address Joanie's comments
Jan 10, 2020
27eb18a
Merge branch 'issue_508' of github.com:w3c/aria into issue_508
Jan 10, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
89 changes: 89 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -656,6 +656,7 @@ <h3>Document Structure Roles</h3>
<li><rref>legend</rref></li>
<li><rref>list</rref></li>
<li><rref>listitem</rref></li>
<li><rref>mark</rref></li>
<li><rref>math</rref></li>
<li><rref>meter</rref></li>
<li><rref>none</rref></li>
Expand Down Expand Up @@ -4832,6 +4833,94 @@ <h2>Definition of Roles</h2>
</tbody>
</table>
</div>
<div class="role" id="mark">
<rdef>mark</rdef>
<div class="role-description">
<p>Content which is marked or highlighted for reference or notation purposes, due to the content's relevance in the enclosing context.</p>
<p>Example uses for <code>mark</code> include:</p>
<ul>
<li>Highlighting text in a quotation which is of special interest but is not marked in the original source material, comparable to using a highlighter pen to mark passages of a print article.</li>
<li>Indicating portions of the content that are relevant to the user's current activity, such as highlighting text matches found by a search feature.</li>
</ul>
<p>Authors SHOULD NOT use <code>mark</code> for purely decorative styling such as syntax highlighting.</p>
</div>
<table class="role-features">
<caption>Characteristics:</caption>
<thead>
<tr>
<th scope="col">Characteristic</th>
<th scope="col">Value</th>
</tr>
</thead>
<tbody>
<tr>
<th class="role-abstract-head" scope="row">Is Abstract:</th>
<td class="role-abstract"> </td>
</tr>
<tr>
<th class="role-parent-head" scope="row">Superclass Role:</th>
<td class="role-parent"><rref>section</rref></td>
</tr>
<tr>
<th class="role-base-head" scope="row">Base Concept:</th>
<td class="role-base"> </td>
</tr>
<tr>
<th class="role-related-head" scope="row">Related Concepts:</th>
<td class="role-related"><code>&lt;mark&gt;</code> in [[HTML]]</td>
</tr>
<tr>
<th class="role-scope-head" scope="row">Required Context Role:</th>
<td class="role-scope"> </td>
</tr>
<tr>
<th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
<td class="role-mustcontain"> </td>
</tr>
<tr>
<th class="role-required-properties-head">Required States and Properties:</th>
<td class="role-required-properties"> </td>
</tr>
<tr>
<th class="role-properties-head" scope="row">Supported States and Properties:</th>
<td class="role-properties"> </td>
</tr>
<tr>
<th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
<td class="role-inherited">Placeholder</td>
</tr>
<tr>
<th class="role-disallowed-head" scope="row">Prohibited States and Properties:</th>
<td class="role-disallowed">
<ul>
<li><pref>aria-label</pref></li>
<li><pref>aria-labelledby</pref></li>
</ul>
</td>
</tr>
<tr>
<th class="role-namefrom-head" scope="row">Name From:</th>
<td class="role-namefrom">prohibited</td>
</tr>
<tr>
<th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
<td class="role-namerequired"> </td>
</tr>
<tr>
<th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
<td class="role-namerequired-inherited"> </td>
</tr>
<tr>
<th class="role-childpresentational-head" scope="row">Children Presentational:</th>
<td class="role-childpresentational"> </td>
</tr>
<tr>
<th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
<td class="role-presentational-inherited"> </td>
</tr>
</tbody>
</table>
</div>
<div class="role" id="marquee">
<rdef>marquee</rdef>
<div class="role-description">
Expand Down