Title: Settings modal accessibility
Last modified: April 23, 2021

---

# Settings modal accessibility

 *  Resolved [Mikko Siikaniemi](https://wordpress.org/support/users/mikrogramma/)
 * (@mikrogramma)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/settings-modal-accessibility/)
 * Thanks for the great plugin!
 * What comes to accessibility of the cookie consent settings popup on front-end,
   I suggest you modify the “aria-hidden” attribute to “false” when the popup is
   open, and back to “true” when hidden.
 * Please find exemplar code below (similar needed for close event).
 *     ```
       jQuery(document).on('click','.cli_settings_button',function(e){
       // ...
         CLI.settingsModal.attr('aria-hidden','false');
       // ...
       }
       ```
   
    -  This topic was modified 5 years, 1 month ago by [Mikko Siikaniemi](https://wordpress.org/support/users/mikrogramma/).

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Thread Starter [Mikko Siikaniemi](https://wordpress.org/support/users/mikrogramma/)
 * (@mikrogramma)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/settings-modal-accessibility/#post-14355746)
 * In addition, there are focusable elements inside the settings popup. These should
   be made non-focusable when the popup is hidden with “aria-hidden”.
 * See possible solutions at [https://dequeuniversity.com/rules/axe/3.3/aria-hidden-focus](https://dequeuniversity.com/rules/axe/3.3/aria-hidden-focus)
 * One solution proposal:
 *     ```
       .cli-modal[aria-hidden="true"] {
         a, button {
           display: none;
         }
       }
       ```
   
 *  Plugin Author [WebToffee](https://wordpress.org/support/users/webtoffee/)
 * (@webtoffee)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/settings-modal-accessibility/#post-14375249)
 * Hi [@mikrogramma](https://wordpress.org/support/users/mikrogramma/),
 * Thanks for your feedback and suggestions. We will look into it and will make 
   the feasible modification in coming updates.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Settings modal accessibility’ is closed to new replies.

 * ![](https://ps.w.org/cookie-law-info/assets/icon.svg?rev=3007243)
 * [CookieYes – Cookie Banner for Cookie Consent (Easy to setup GDPR/CCPA Compliant Cookie Notice)](https://wordpress.org/plugins/cookie-law-info/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/cookie-law-info/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/cookie-law-info/)
 * [Active Topics](https://wordpress.org/support/plugin/cookie-law-info/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/cookie-law-info/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/cookie-law-info/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [WebToffee](https://wordpress.org/support/users/webtoffee/)
 * Last activity: [5 years, 1 month ago](https://wordpress.org/support/topic/settings-modal-accessibility/#post-14375249)
 * Status: resolved