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

Changing obscured to overlapped #2634

Closed
wants to merge 2 commits into from
Closed

Changing obscured to overlapped #2634

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
2c1566f
Changing obscured to overlapped
alastc Aug 24, 2022
a4b5f32
Aligning understanding docs
alastc Aug 25, 2022
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
4 changes: 2 additions & 2 deletions ...es/sc/22/focus-not-obscured-enhanced.html → .../sc/22/focus-not-overlapped-enhanced.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
<section class="sc new">

<h4>Focus Not Obscured (Enhanced)</h4>
<h4>Focus Not Overlapped (Enhanced)</h4>

<p class="conformance-level">AAA</p>
<p class="change">New</p>

<p>When a <a>user interface component</a> receives keyboard focus, no part of the <a>focus indicator</a> is hidden by author-created content.</p>
<p>When a <a>user interface component</a> receives keyboard focus, no part of the <a>focus indicator</a> is overlapped by author-created content.</p>


</section>
4 changes: 2 additions & 2 deletions guidelines/sc/22/focus-not-obscured.html → guidelines/sc/22/focus-not-overlapped.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
<section class="sc new">

<h4>Focus Not Obscured (Minimum)</h4>
<h4>Focus Not Overlapped (Minimum)</h4>

<p class="conformance-level">AA</p>
<p class="change">New</p>

<p>When a <a>user interface component</a> receives keyboard focus, the component is not entirely hidden due to author-created content.</p>
<p>When a <a>user interface component</a> receives keyboard focus, the component is not entirely overlapped by author-created content.</p>


</section>
18 changes: 9 additions & 9 deletions understanding/22/focus-not-obscured-enhanced.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,11 @@
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8"></meta>
<title>Understanding Focus Not Obscured (Enhanced)</title>
<title>Understanding Focus Not Overlapped (Enhanced)</title>
<link rel="stylesheet" type="text/css" href="../../css/editors.css" class="remove"></link>
</head>
<body>
<h1>Understanding Focus Not Obscured (Enhanced)</h1>
<h1>Understanding Focus Not Overlapped (Enhanced)</h1>

<section id="status" class="advisement">
<h2>Status</h2>
Expand All @@ -16,22 +16,22 @@ <h2>Status</h2>

<section class="remove">

<h2>Focus Not Obscured Success Criterion text</h2>
<h2>Focus Not Overlapped Success Criterion text</h2>
<blockquote>
<p>When a <a>user interface component</a> receives keyboard focus, no part of the <a>focus indicator</a> is hidden by author-created content.</p>
<p>When a <a>user interface component</a> receives keyboard focus, no part of the <a>focus indicator</a> is overlapped by author-created content.</p>
</blockquote>
</section>

<section id="intent">

<h2>Intent of Focus Not Obscured (Enhanced)</h2>
<h2>Intent of Focus Not Overlapped (Enhanced)</h2>

<p>The purpose of this Success Criterion is to ensure that a component with keyboard focus is visible. This criterion is closely related to <a href="./focus-not-obscured.html">Focus Not Obscured (Minimum)</a> but requires that the whole of the component is visible.</p>
<p>The purpose of this Success Criterion is to ensure that a component with keyboard focus is visible. This criterion is closely related to <a href="./focus-not-overlapped.html">Focus Not Overlapped (Minimum)</a> but requires that the whole of the component is visible.</p>

</section>

<section id="benefits">
<h2>Benefits of Focus Not Obscured (Enhanced)</h2>
<h2>Benefits of Focus Not Overlapped (Enhanced)</h2>

<ul>
<li>This Success Criterion helps anyone who relies on the keyboard to operate the page by letting them visually determine the component on which keyboard operations will interact at any point in time.</li>
Expand All @@ -41,7 +41,7 @@ <h2>Benefits of Focus Not Obscured (Enhanced)</h2>
</section>

<section id="examples">
<h2>Examples of Focus Not Obscured (Enhanced)</h2>
<h2>Examples of Focus Not Overlapped (Enhanced)</h2>

<ul>
<li>A page has a sticky footer (attached to the bottom of the vieport). When tabbing down the page the focused item is not overlapped by the footer at all.</li>
Expand All @@ -56,7 +56,7 @@ <h2>Resources</h2>


<section id="techniques">
<h2>Techniques for Focus Not Obscured (Enhanced)</h2>
<h2>Techniques for Focus Not Overlapped (Enhanced)</h2>


<section id="sufficient">
Expand Down
16 changes: 8 additions & 8 deletions understanding/22/focus-not-obscured-minimum.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,11 @@
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8"></meta>
<title>Understanding Focus Not Obscured</title>
<title>Understanding Focus Not Overlapped</title>
<link rel="stylesheet" type="text/css" href="../../css/editors.css" class="remove"></link>
</head>
<body>
<h1>Understanding Focus Not Obscured</h1>
<h1>Understanding Focus Not Overlapped</h1>

<section id="status" class="advisement">
<h2>Status</h2>
Expand All @@ -16,15 +16,15 @@ <h2>Status</h2>

<section class="remove">

<h2>Focus Not Obscured Success Criterion text</h2>
<h2>Focus Not Overlapped Success Criterion text</h2>
<blockquote>
<p>When a <a>user interface component</a> receives keyboard focus, the component is not entirely hidden due to author-created content.</p>
<p>When a <a>user interface component</a> receives keyboard focus, the component is not entirely overlapped by author-created content.</p>
</blockquote>
</section>

<section id="intent">

<h2>Intent of Focus Not Obscured</h2>
<h2>Intent of Focus Not Overlapped</h2>

<p>For sighted people with mobility impairments who use a keyboard-like device (e.g., a switch, voice input), knowing the current point of focus is very important. When progressing through a page other content can hide the focused element.</p>

Expand All @@ -33,7 +33,7 @@ <h2>Intent of Focus Not Obscured</h2>
</section>

<section id="benefits">
<h2>Benefits of Focus Not Obscured</h2>
<h2>Benefits of Focus Not Overlapped</h2>

<ul>
<li>This Success Criterion helps anyone who relies on the keyboard to operate the page by letting them visually determine the component on which keyboard operations will interact at any point in time.</li>
Expand All @@ -43,7 +43,7 @@ <h2>Benefits of Focus Not Obscured</h2>
</section>

<section id="examples">
<h2>Examples of Focus Not Obscured</h2>
<h2>Examples of Focus Not Overlapped</h2>

<ul>
<li>A page has a sticky footer (attached to the bottom of the vieport). When tabbing down the page the focused item is not hidden by the footer.</li>
Expand All @@ -58,7 +58,7 @@ <h2>Resources</h2>


<section id="techniques">
<h2>Techniques for Focus Not Obscured</h2>
<h2>Techniques for Focus Not Overlapped</h2>


<section id="sufficient">
Expand Down