Skip to content

Conversation

@dav-idc
Copy link
Contributor

@dav-idc dav-idc commented Dec 6, 2023

Technique title: Using CSS z-index to un-obscure focused content

First draft of an HTML page for a new technique, described in detail in this GitHub issue:

Right now the technique number is set to 'C44', but that can be changed if needed.

Preview

Technique title: Using CSS z-index to un-obscure focused content

First draft of an HTML page for a new technique, described in detail in this GitHub issue:
- #3578

Right now the technique number is set to 'C44', but that can be changed if needed.
fstrr added 2 commits November 5, 2025 11:43
We currently don’t have a C44 as this, from 2023, hijacked the Technique name and was then abandoned. This commit updates the draft Technique to merge in `main` and update all the `code` tags so that we can generate a preview and decide on next steps.
@netlify
Copy link

netlify bot commented Nov 5, 2025

Deploy Preview for wcag2 ready!

Name Link
🔨 Latest commit a0bb679
🔍 Latest deploy log https://app.netlify.com/projects/wcag2/deploys/690bb847d95af10008248514
😎 Deploy Preview https://deploy-preview-3593--wcag2.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@fstrr
Copy link
Contributor

fstrr commented Nov 5, 2025

Preview page

@kfranqueiro
Copy link
Contributor

kfranqueiro commented Nov 7, 2025

The applicability portion of this should probably be rewritten and partially moved. Most of its content makes more sense to be in the description, and it is currently not phrased in a way that is consistent/compatible with the same section in other SCs. (Note how the first sentence is currently awkward in the preview, due to the text that is prepended automatically.)

@scottaohara
Copy link
Member

scottaohara commented Nov 7, 2025

i think we'd definitely need to make mention of popover and how css z-index wouldn't do any good for content rendered in the top-layer - since that is beyond what z-index can reach.

i could also see a recommendation to make popups using the popover attribute - so that if they do obscure content, and they are auto popovers, then they can be dismissed using the esc key, without a user having to advance their keyboard focus.

Copy link
Member

@scottaohara scottaohara left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

see my prior comment about needing to mention z-index vs top layer conent

@bruce-usab bruce-usab requested a review from fstrr November 7, 2025 19:50
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

New CSS Technique for Focus Not Obscured: z-index focus modifier

5 participants