From e5d8ace456a87ccd4e2579f76a2fc437c5cb6d3c Mon Sep 17 00:00:00 2001 From: Bruce Bailey Date: Tue, 16 May 2023 14:12:25 -0400 Subject: [PATCH 1/8] Update focus-not-obscured-enhanced.html to permit light box style effect --- understanding/22/focus-not-obscured-enhanced.html | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/understanding/22/focus-not-obscured-enhanced.html b/understanding/22/focus-not-obscured-enhanced.html index cfc97261d5..5b105b3603 100644 --- a/understanding/22/focus-not-obscured-enhanced.html +++ b/understanding/22/focus-not-obscured-enhanced.html @@ -21,9 +21,9 @@

Focus Not Obscured (Enhanced) Success Criterion text

Intent of Focus Not Obscured (Enhanced)

The intent of this Success Criterion is to ensure that the item receiving keyboard focus is always visible in the user's viewport. For sighted people who rely on a keyboard (or on a device that operates through the keyboard interface, such as a switch or voice input), knowing the current point of focus is critical. The component with focus signals the interaction point on the page. Where users cannot see the item with focus, they may not know how to proceed, or may even think the system has become unresponsive.

-

Typical types of content that can overlap focused items are sticky footers, sticky headers, and non-modal dialogs. As a user tabs through the page, these layers of content can obscure the item receiving focus, along with its focus indicator.

-

A notification implemented as sticky content, such as a cookie banner, will fail this Success Criterion if it partially obscures a component receiving focus. Ways of passing include making the banner modal so the user has to dismiss the banner before navigating through the page, or using scroll padding so the banner does not overlap other content. Notifications that do not require user action could also meet this criterion by closing on loss of focus.

-

Another form of obscuring can occur where light boxes or other semi-opaque effects overlap the item with focus. While less than 100 percent opacity is not entirely hidden, it is causing the component to be partially hidden and a failure of this Success Criterion. Such semi-opaque overlaps may also cause a failure of 2.4.11 Focus Appearance.

+

Typical types of content that can overlap focused items are sticky footers, sticky headers, and non-modal dialogs. As a user tabs through the page, these layers of content can hide the item receiving focus, along with its focus indicator.

+

A notification implemented as sticky content, such as a cookie banner, will fail this Success Criterion if it partially covers a component receiving focus. Ways of passing include making the banner modal so the user has to dismiss the banner before navigating through the page, or using scroll padding so the banner does not overlap other content. Notifications that do not require user action could also meet this criterion by closing on loss of focus.

+

Another form of obscuring can occur where light boxes or other semi-opaque effects overlap the item with focus. This form of obscuring is _not_ in scope for this Success Criterion. While less than 100 percent opacity is not causing the component to be hidden, such semi-opaque overlaps may cause a failure of 2.4.11 Focus Appearance. When a focus indicator can be covered by a semi-opaque component, the ability of the focus indicator to pass 2.4.11 should be evaluated (and pass) while the focus indicator is under the semi-opaque component. The intention in both situations is that the component receiving focus should never be obscured to the point a user cannot tell which item has focus.

Benefits of Focus Not Obscured (Enhanced)

@@ -59,7 +59,6 @@

Additional Techniques (Advisory)

Failures

From 41fdae20bb98f7957b8bbad08aaab162b7be24ea Mon Sep 17 00:00:00 2001 From: Bruce Bailey Date: Tue, 16 May 2023 15:33:08 -0400 Subject: [PATCH 2/8] Update focus-not-obscured-minimum.html to ref 1.4.11 instead of 2.4.11 --- understanding/22/focus-not-obscured-minimum.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/understanding/22/focus-not-obscured-minimum.html b/understanding/22/focus-not-obscured-minimum.html index ff8eb9922a..3350966dad 100644 --- a/understanding/22/focus-not-obscured-minimum.html +++ b/understanding/22/focus-not-obscured-minimum.html @@ -36,7 +36,7 @@

Intent of Focus Not Obscured (Minimum)

A notification implemented as sticky content, such as a cookie banner, will fail this Success Criterion if it entirely obscures a component receiving focus. Ways of passing include making the banner modal so the user has to dismiss the banner before navigating through the page, or using scroll padding so the banner does not overlap other content. Notifications that do not require user action could also meet this criterion by closing on loss of focus.

-

Another form of obscuring can occur where light boxes or other semi-opaque effects overlap the item with focus. While less than 100 percent opacity is not causing the component to be entirely hidden, such semi-opaque overlaps may cause a failure of 2.4.11 Focus Appearance. When a focus indicator can be covered by a semi-opaque component, the ability of the focus indicator to pass 2.4.11 should be evaluated (and pass) while the focus indicator is under the semi-opaque component. The intention in both situations is that the component receiving focus should never be obscured to the point a user cannot tell which item has focus.

+

Another form of obscuring can occur where light boxes or other semi-opaque effects overlap the item with focus. While less than 100 percent opacity is not causing the component to be entirely hidden, such semi-opaque overlaps may cause a failure of 1.4.11 Non-text Contrast. When a focus indicator can be covered by a semi-opaque component, the ability of the focus indicator to pass 1.4.11 should be evaluated (and pass) while the focus indicator is under the semi-opaque component. The intention in both situations is that the component receiving focus should never be obscured to the point a user cannot tell which item has focus.

From 5d91d60a1b77beec75f6265644ae7d80963e90c1 Mon Sep 17 00:00:00 2001 From: Bruce Bailey Date: Tue, 16 May 2023 15:55:21 -0400 Subject: [PATCH 3/8] Update focus-not-obscured-enhanced.html benefits examples --- understanding/22/focus-not-obscured-enhanced.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/understanding/22/focus-not-obscured-enhanced.html b/understanding/22/focus-not-obscured-enhanced.html index 5b105b3603..e481354141 100644 --- a/understanding/22/focus-not-obscured-enhanced.html +++ b/understanding/22/focus-not-obscured-enhanced.html @@ -29,8 +29,8 @@

Intent of Focus Not Obscured (Enhanced)

Benefits of Focus Not Obscured (Enhanced)

  • Sighted users who rely on a keyboard interface to operate the page will be able to see the component which gets keyboard focus. Such users include those who rely on devices which use the keyboard interface, including speech input, sip-and-puff software, on-screen keyboards, scanning software, and a variety of assistive technologies and alternate keyboards.
    • -
  • People with limited or low vision, who may primarily use a pointer for screen orientation and repositioning, nonetheless benefit from a fuller visible indication of the current point of keyboard interaction, especially where magnification reduces the overall viewing portion of the screen.
    • -
  • People with attention limitations, short term memory limitations, or limitations in executive processes benefit by being able to more easily discover where the focus is located.
    • +
  • People with limited or low vision but who rely upon a pointing device (for viewport orientation and repositioning) from a clearly visible indication of the current point of keyboard interaction, especially where magnification reduces the overall useable portion of content.
    • +
  • People with attention limitations, short term memory limitations, or limitations in executive processes — by being able to more easily discover where the focus is located.
From 30b4c2c9d064fe1aa208a52a27175b4a70596918 Mon Sep 17 00:00:00 2001 From: Bruce Bailey Date: Tue, 16 May 2023 16:05:55 -0400 Subject: [PATCH 4/8] Update focus-not-obscured-minimum.html examples under benefits --- understanding/22/focus-not-obscured-minimum.html | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/understanding/22/focus-not-obscured-minimum.html b/understanding/22/focus-not-obscured-minimum.html index 3350966dad..ac627b1105 100644 --- a/understanding/22/focus-not-obscured-minimum.html +++ b/understanding/22/focus-not-obscured-minimum.html @@ -36,7 +36,7 @@

Intent of Focus Not Obscured (Minimum)

A notification implemented as sticky content, such as a cookie banner, will fail this Success Criterion if it entirely obscures a component receiving focus. Ways of passing include making the banner modal so the user has to dismiss the banner before navigating through the page, or using scroll padding so the banner does not overlap other content. Notifications that do not require user action could also meet this criterion by closing on loss of focus.

-

Another form of obscuring can occur where light boxes or other semi-opaque effects overlap the item with focus. While less than 100 percent opacity is not causing the component to be entirely hidden, such semi-opaque overlaps may cause a failure of 1.4.11 Non-text Contrast. When a focus indicator can be covered by a semi-opaque component, the ability of the focus indicator to pass 1.4.11 should be evaluated (and pass) while the focus indicator is under the semi-opaque component. The intention in both situations is that the component receiving focus should never be obscured to the point a user cannot tell which item has focus.

+

Another form of obscuring can occur where light boxes or other semi-opaque effects overlap the item with focus. While less than 100 percent opacity is not causing the component to be entirely hidden, such semi-opaque overlaps may cause a failure of 1.4.11 Non-text Contrast. When a focus indicator can be covered by a semi-opaque component, the ability of the focus indicator to pass 1.4.11 should be evaluated (and pass) while the focus indicator is under the semi-opaque component. The intention in both situations is that the component receiving focus should never be obscured to the point a user cannot tell which item has focus.

@@ -44,9 +44,9 @@

Intent of Focus Not Obscured (Minimum)

Benefits of Focus Not Obscured (Minimum)

    -
  • Sighted users who rely on a keyboard interface to operate the page will be able to see part of the component which gets keyboard focus. Such users include those who rely on devices which use the keyboard interface, including speech input, sip-and-puff software, on-screen keyboards, scanning software, and a variety of assistive technologies and alternate keyboards.
    • -
  • People with limited or low vision, who may primarily use a pointer for screen orientation and repositioning, nonetheless benefit from a visible indication of the current point of keyboard interaction, especially where magnification reduces the overall viewable portion of the content.
    • -
  • People with attention limitations, short term memory limitations, or limitations in executive processes benefit by being able to discover where the focus is located.
    • +
  • Sighted users who rely on a keyboard interface to operate the page will be able to see the component which gets keyboard focus. Such users include those who rely on devices which use the keyboard interface, including speech input, sip-and-puff software, on-screen keyboards, scanning software, and a variety of assistive technologies and alternate keyboards.
    • +
  • People with limited or low vision but who rely upon a pointing device (for viewport orientation and repositioning) from a visible indication of the current point of keyboard interaction, especially where magnification reduces the overall useable portion of content.
    • +
  • People with attention limitations, short term memory limitations, or limitations in executive processes — by being able to more easily discover where the focus is located.
From 56c1f646e48947edf5cc50eb7f2b68e5dcb48f04 Mon Sep 17 00:00:00 2001 From: Alastair Campbell Date: Tue, 23 May 2023 21:13:48 +0100 Subject: [PATCH 5/8] Update understanding/22/focus-not-obscured-enhanced.html --- understanding/22/focus-not-obscured-enhanced.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/understanding/22/focus-not-obscured-enhanced.html b/understanding/22/focus-not-obscured-enhanced.html index e481354141..6f7d8734c3 100644 --- a/understanding/22/focus-not-obscured-enhanced.html +++ b/understanding/22/focus-not-obscured-enhanced.html @@ -23,7 +23,7 @@

Intent of Focus Not Obscured (Enhanced)

The intent of this Success Criterion is to ensure that the item receiving keyboard focus is always visible in the user's viewport. For sighted people who rely on a keyboard (or on a device that operates through the keyboard interface, such as a switch or voice input), knowing the current point of focus is critical. The component with focus signals the interaction point on the page. Where users cannot see the item with focus, they may not know how to proceed, or may even think the system has become unresponsive.

Typical types of content that can overlap focused items are sticky footers, sticky headers, and non-modal dialogs. As a user tabs through the page, these layers of content can hide the item receiving focus, along with its focus indicator.

A notification implemented as sticky content, such as a cookie banner, will fail this Success Criterion if it partially covers a component receiving focus. Ways of passing include making the banner modal so the user has to dismiss the banner before navigating through the page, or using scroll padding so the banner does not overlap other content. Notifications that do not require user action could also meet this criterion by closing on loss of focus.

-

Another form of obscuring can occur where light boxes or other semi-opaque effects overlap the item with focus. This form of obscuring is _not_ in scope for this Success Criterion. While less than 100 percent opacity is not causing the component to be hidden, such semi-opaque overlaps may cause a failure of 2.4.11 Focus Appearance. When a focus indicator can be covered by a semi-opaque component, the ability of the focus indicator to pass 2.4.11 should be evaluated (and pass) while the focus indicator is under the semi-opaque component. The intention in both situations is that the component receiving focus should never be obscured to the point a user cannot tell which item has focus.

+

Another form of obscuring can occur where light boxes or other semi-opaque effects overlap the item with focus. This form of obscuring is not in scope for this Success Criterion. While less than 100 percent opacity is not causing the component to be hidden, such semi-opaque overlaps may cause a failure of 2.4.11 Focus Appearance. When a focus indicator can be covered by a semi-opaque component, the the focus indicator should be assessed against 2.4.11. The intention in both situations is that the component receiving focus should never be obscured to the point a user cannot tell which item has focus.

Benefits of Focus Not Obscured (Enhanced)

From 69c49ee08af9ba0340b84f270efafad6a8ecf9ec Mon Sep 17 00:00:00 2001 From: Alastair Campbell Date: Tue, 23 May 2023 21:14:55 +0100 Subject: [PATCH 6/8] Update understanding/22/focus-not-obscured-enhanced.html --- understanding/22/focus-not-obscured-enhanced.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/understanding/22/focus-not-obscured-enhanced.html b/understanding/22/focus-not-obscured-enhanced.html index 6f7d8734c3..fb02fd4291 100644 --- a/understanding/22/focus-not-obscured-enhanced.html +++ b/understanding/22/focus-not-obscured-enhanced.html @@ -29,7 +29,7 @@

Intent of Focus Not Obscured (Enhanced)

Benefits of Focus Not Obscured (Enhanced)

  • Sighted users who rely on a keyboard interface to operate the page will be able to see the component which gets keyboard focus. Such users include those who rely on devices which use the keyboard interface, including speech input, sip-and-puff software, on-screen keyboards, scanning software, and a variety of assistive technologies and alternate keyboards.
    • -
  • People with limited or low vision but who rely upon a pointing device (for viewport orientation and repositioning) from a clearly visible indication of the current point of keyboard interaction, especially where magnification reduces the overall useable portion of content.
    • +
  • People with limited or low vision but who rely upon a pointing device (for viewport orientation and repositioning) benefit from a clearly visible indication of the current point of keyboard interaction, especially where magnification reduces the overall useable portion of content.
  • People with attention limitations, short term memory limitations, or limitations in executive processes — by being able to more easily discover where the focus is located.
From a4e612dc8843710527f95c6ec874f6fba50ea834 Mon Sep 17 00:00:00 2001 From: Alastair Campbell Date: Tue, 23 May 2023 21:15:38 +0100 Subject: [PATCH 7/8] Update understanding/22/focus-not-obscured-enhanced.html --- understanding/22/focus-not-obscured-enhanced.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/understanding/22/focus-not-obscured-enhanced.html b/understanding/22/focus-not-obscured-enhanced.html index fb02fd4291..f8cf99a43d 100644 --- a/understanding/22/focus-not-obscured-enhanced.html +++ b/understanding/22/focus-not-obscured-enhanced.html @@ -30,7 +30,7 @@

Benefits of Focus Not Obscured (Enhanced)

  • Sighted users who rely on a keyboard interface to operate the page will be able to see the component which gets keyboard focus. Such users include those who rely on devices which use the keyboard interface, including speech input, sip-and-puff software, on-screen keyboards, scanning software, and a variety of assistive technologies and alternate keyboards.
  • People with limited or low vision but who rely upon a pointing device (for viewport orientation and repositioning) benefit from a clearly visible indication of the current point of keyboard interaction, especially where magnification reduces the overall useable portion of content.
    • -
  • People with attention limitations, short term memory limitations, or limitations in executive processes — by being able to more easily discover where the focus is located.
    • +
  • People with attention limitations, short term memory limitations, or limitations in executive processes benefit by being able to more easily discover where the focus is located.
From dbfea80928d4d32f5a21149123531cc3735cd09d Mon Sep 17 00:00:00 2001 From: Alastair Campbell Date: Tue, 23 May 2023 21:16:15 +0100 Subject: [PATCH 8/8] Update understanding/22/focus-not-obscured-minimum.html Co-authored-by: Dan Bjorge --- understanding/22/focus-not-obscured-minimum.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/understanding/22/focus-not-obscured-minimum.html b/understanding/22/focus-not-obscured-minimum.html index 506ded7f52..5232cee6b3 100644 --- a/understanding/22/focus-not-obscured-minimum.html +++ b/understanding/22/focus-not-obscured-minimum.html @@ -55,7 +55,7 @@

Benefits of Focus Not Obscured (Minimum)

  • Sighted users who rely on a keyboard interface to operate the page will be able to see the component which gets keyboard focus. Such users include those who rely on devices which use the keyboard interface, including speech input, sip-and-puff software, on-screen keyboards, scanning software, and a variety of assistive technologies and alternate keyboards.
    • -
  • People with limited or low vision but who rely upon a pointing device (for viewport orientation and repositioning) from a visible indication of the current point of keyboard interaction, especially where magnification reduces the overall useable portion of content.
    • +
  • People with limited or low vision but who rely upon a pointing device (for viewport orientation and repositioning) benefit from a visible indication of the current point of keyboard interaction, especially where magnification reduces the overall usable portion of content.
  • People with attention limitations, short term memory limitations, or limitations in executive processes — by being able to more easily discover where the focus is located.