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

Aligning focus-vis-enhanced with new min-version #1623

Merged
merged 6 commits into from Mar 16, 2021
Merged

Aligning focus-vis-enhanced with new min-version #1623

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
c276d4c
aligning with new min-version
alastc Feb 7, 2021
602d304
typo
alastc Feb 7, 2021
09d982f
Updating SC file
alastc Feb 7, 2021
9bb3292
Re-making the changes.
alastc Feb 16, 2021
0ea0fdf
Grammar for has/have
alastc Mar 16, 2021
7a39cd4
Updates from meeting
alastc Mar 16, 2021
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
8 changes: 4 additions & 4 deletions guidelines/sc/22/focus-appearance-enhanced.html
View file
Open in desktop
Expand Up @@ -5,11 +5,11 @@ <h4>Focus Appearance (Enhanced)</h4>
<p class="conformance-level">AAA</p>
<p class="change">New</p>

<p>For the keyboard focus indicator of each <a>user interface component</a>, all of the following are true:</p>
<p>When <a>user interface components</a> have keyboard focus, all of the following are true:</p>
<ul>
<li><strong>Minimum area:</strong> The <a>focus indicator area</a> is greater than or equal to a 2 <a>CSS pixel</a> solid border around the component.</li>
<li><strong>Change of contrast:</strong> Color changes used to indicate focus have a contrast ratio of at least 4.5:1 with the colors changed from the unfocused component.</li>
<li><strong>Not obscured:</strong> No part of the focus indicator is hidden by author-created content.</li>
<li><strong>Minimum area:</strong> The <a>focus indicator area</a> is double the area of a 1 <a>CSS pixel</a> perimeter of the unfocused component;</li>
<li><strong>Change of contrast:</strong> The pixels making up the minimum focus indicator area achieve at least a 4.5:1 contrast ratio between their colors in the focused and unfocused states.</li>
<li><strong>Not obscured:</strong> No part of the focus indicator is hidden by author-created content.</li>
</ul>

</section>
8 changes: 4 additions & 4 deletions understanding/22/focus-appearance-enhanced.html
View file
Open in desktop
Expand Up @@ -20,10 +20,10 @@ <h2>Focus Appearance (Enhanced) Success Criteria text</h2>
<blockquote>
<h4>Focus Appearance (Enhanced)</h4>

<p>For the keyboard focus indicator of each <a>user interface component</a>, all of the following are true:</p>
<p>When <a>user interface components</a> have keyboard focus, all of the following are true:</p>
<ul>
<li><strong>Minimum area:</strong> The <a>focus indicator area</a> is greater than or equal to a 2 <a>CSS pixel</a> solid border around the component.</li>
<li><strong>Change of contrast:</strong> Color changes used to indicate focus have a contrast ratio of at least 4.5:1 with the colors changed from the unfocused component.</li>
<li><strong>Minimum area:</strong> The <a>focus indicator area</a> is double the area of a 1 <a>CSS pixel</a> perimeter of the unfocused component;</li>
<li><strong>Change of contrast:</strong> The pixels making up the minimum focus indicator area achieve at least a 4.5:1 contrast ratio between their colors in the focused and unfocused states.</li>
<li><strong>Not obscured:</strong> No part of the focus indicator is hidden by author-created content.</li>
</ul>
</blockquote>
Expand All @@ -38,7 +38,7 @@ <h2>Intent of Focus Appearance (Enhanced)</h2>

<p>In relation to Focus Visible (enhanced) this criterion:</p>
<ul>
<li>Expands the minimum area from 1 CSS pixel around the perimeter of the element to 2 CSS pixels around the perimeter.</li>
<li>Expands the minimum area to 2 CSS pixels around the perimeter.</li>
<li>Increases the change of contrast to 4.5:1.</li>
<li>Does not allow for any part of the element to be obscured by other content.</li>
</ul>
Expand Down