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

Fix #4214: Screenreader improve hidden accessible #7037

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

melloware
Copy link
Member

@melloware melloware commented Jan 1, 2025

Fix #4214: Screenreader improve hidden accessible

Based on this PF ticket: primefaces/primefaces#12577

Based on NVDA: nvaccess/nvda#16300

This is the modern way to hide things but still make them screenreader visible. Tested with JAWS and NVDA

Copy link

vercel bot commented Jan 1, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

2 Skipped Deployments
Name Status Preview Updated (UTC)
primevue ⬜️ Ignored (Inspect) Visit Preview Jan 2, 2025 9:25pm
primevue-v3 ⬜️ Ignored (Inspect) Visit Preview Jan 2, 2025 9:25pm

@melloware
Copy link
Member Author

I made the same fix in PrimeReact: primefaces/primereact#7179

@melloware melloware force-pushed the PV4214 branch 4 times, most recently from 252dbc9 to de20fe6 Compare January 2, 2025 21:11
.p-hidden-accessible select {
transform: scale(0);
}

Copy link
Member Author

Choose a reason for hiding this comment

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

This must be removed as it hides the input from NVDA because it won't read anything of size 0 . I think this was a legacy PrimeFaces fix that is no longer needed

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
1 participant