1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

"Popups for Divi" - duplicate ID (“et-boc”) accessibility issue

Discussion in 'Free Divi Community Forum' started by dave.thirdwave, Sep 12, 2024.

  1. dave.thirdwave

    dave.thirdwave New Member

    Hello! Our team is doing ADA accessibility testing for a client and found that this popups plugin (https://wordpress.org/support/plugin/popups-for-divi/) and Divi are creating a “duplicate id” error with the id: “et-boc”. - https://www.w3.org/TR/WCAG20-TECHS/F77.html

    1. <div id="et-boc" class="et-boc"> – main content div
    2. <div id="et-boc" class="dm-base-context"> – div where popup html is rendered when popup is open

    Would someone have context on whether this is an issue with Divi itself or something that the plugin might be creating? Any possible solutions or workarounds would be greatly appreciated as well.

    While researching, we found a similar issue with another Divi plugin here: https://divi.help/threads/im-seeing...ivi-ultimate-header-plugin-is-activated.8699/

    Thank you for your time!
     
    #1 dave.thirdwave, Sep 12, 2024
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom header designs for you to choose from:View Demo
  2. Divi Booster

    Divi Booster Divi Expert

    I haven't delved into it's code to verify this, but I'd think that it's the plugin adding the duplicate ID. Probably, in order to implement the popup functionality it needs to separate some part of the Divi builder layout (e.g. the popup section) from the rest. But since Divi hardcodes a lot of styles using the "et-boc" ID, I'd imagine from a practical stand point that it'd be very difficult for the popup section to inherit the necessary styles without duplicating the ID.

    Hopefully the plugin author will be able to answer your support request (https://wordpress.org/support/topic/duplicate-id-et-boc-accessibility-issue/) and give you a definitive answer.

    The duplicate ID is obviously a clear fail of that linked W3 check (https://www.w3.org/TR/WCAG20-TECHS/F77.html). However, from an accessibility point of view I don't personally see how it would impact accessibility via screen readers. It doesn't resemble either of the examples given in that check and the ID isn't really used to "convey relationships between different parts of content". If your process allows it, perhaps there's a case for making an exception in this case?
     
    #2 Divi Booster, Sep 12, 2024
  3. dave.thirdwave

    dave.thirdwave New Member

    Thank you Dan! I really appreciate the time you took to respond. Waiting for the plugin team and having a backup plan of marking it as an exception will be the plan, but it helped to get context from someone with more Divi experience to confirm. Thanks again!
     
    #3 dave.thirdwave, Sep 13, 2024
    1. PRO MEMBER PERKS Divi Login Customizer Plugin - Instantly beautify your Wordpress login page with 6 premade designs:Learn More
  4. Divi Booster

    Divi Booster Divi Expert

    You're welcome, Dave!
     
    #4 Divi Booster, Sep 14, 2024
(You must log in or sign up to post here.)