Popup aria-hidden=true issue

Hi @theonebeautyla,

We’re sorry to hear you’re encountering issues with accessibility.

Could you tell us more about the errors you’re seeing?

We ran your site through https://www.accessibilitychecker.org but we received a passing grade. See here: https://share.getcloudapp.com/p9uLDZ8o

If you need to send us more sensitive information, please submit a support ticket here: Support Request – Popup Maker

We’ll wait for your message!

Hey @theonebeautyla,

Your page passes the Chrome Dev Tools Lighthouse audit too.

https://share.wppopupmaker.com/mXubl1BN

Your popup will have aria-hidden=”false” when the popup is hidden (as it should). You can inspect the popup source on your page after you close the popup to see that.

Inspect the popup source again once you open the popup and you’ll see it’ll be set to “true”. Which is what we want.

Great job on the site ????

Shout if you have any more questions.

Hi Support Team,

I hope you are well and thank you for your quick response.
In our deep scan tool, we face an error called ‘An element with aria-hidden=true contains focusable content.’ we also attach a report of our deep scan tool in this reply. This file can help you to figure out the problem and fix this issue on our website.

Error code In the website: <div class="pum pum-overlay pum-theme-472 pum-theme-lightbox popmake-overlay auto_open click_open pum-active" id="pum-480" role="dialog" aria-hidden="true" style="display: block; opacity: 0;" data-popmake='{"id":480,"slug":"new-clients-discount","theme_id":472,"cookies":[{"event":"on_popup_close","settings":{"name":"pum-480","key":"","session":true,"path":true,"time":"1 month"}},{"event":"on_popup_close","settings":{"name":"pum-480","key":"","session":false,"path":"1","time":"1 month"}}],"triggers":[{"type":"auto_open","settings":{"delay":500,"cookie_name":["pum-480"]}},{"type":"click_open","settings":{"extra_selectors":"","cookie_name":null}}],"mobile_disabled":null,"tablet_disabled":null,"meta":{"display":{"stackable":false,"overlay_disabled":false,"scrollable_content":false,"disable_reposition":false,"size":"medium","responsive_min_width":"0%","responsive_min_width_unit":false,"responsive_max_width":"600px","responsive_max_width_unit":false,"custom_width":"640px","custom_width_unit":false,"custom_height":"380px","custom_height_unit":false,"custom_height_auto":false,"location":"center","position_from_trigger":false,"position_top":"100","position_left":"0","position_bottom":"0","position_right":"0","position_fixed":false,"animation_type":"fade","animation_speed":"350","animation_origin":"center top","overlay_zindex":false,"zindex":"1999999999"},"close":{"text":"","button_delay":"0","overlay_click":false,"esc_press":false,"f4_press":false},"click_open":[]}}'>

Link: https://www.dropbox.com/scl/fi/y8eyjttt6g6f4bz92070g/FullReport-Word-1.docx?dl=0&rlkey=839qkglux6dkndbhljr32rmv1

I appreciate any help you can provide.

Regards,
The one beauty salon.

@theonebeautyla, @wmcd85020 , @mlchaves – Luckily I had patched to use the new WCAG aria-modal attribute in 1.18.0 which was going out today already.

Update, clear caches and retest. We no longer use aria-hidden.