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.

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

Changing obscured to overlapped #2634

Closed
wants to merge 2 commits into from
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
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
@@ -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>
@@ -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
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
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