Perhaps by the time you're reading this, it has been fixed. If not, I hope you find this useful.<\/p>\n\n\n\n
How to make a Divi accordion accessible:<\/strong> Add a code module to the page containing the accordion that sets the correct roles and aria attributes using jQuery.<\/p>\n\n\n\nIf you just want the code, it is:<\/p>\n\n\n\n
<script type=\"text\/javascript\" async>\njQuery(document).ready(function ($) {\n \/\/ Add ARIA to accordion\n $(\".et_pb_accordion .et_pb_toggle_content\").attr(\"role\",\"region\");\n $(\".et_pb_accordion .et_pb_accordion_item\").each(function(i) {\n var accordionID = \"accordion-\" + i;\n $(this).children(\".et_pb_toggle_content\").attr({\n \"id\":accordionID,\n \"aria-labelledby\":accordionID + \"-heading\"\n });\n var headerText = $(this).children(\"h3\").text();\n $(this).children(\"h3\").html(\n \"<span role='button' id='\" + accordionID + \"-heading' aria-controls='\" + accordionID + \"'>\" + headerText + \"<\/span>\");\n });\n update_accordion_aria();\n $(\".et_pb_accordion\").on(\"click\",\".et_pb_toggle_title, .et_fb_toggle_overlay\", function() {\n setTimeout(update_accordion_aria, 1500);\n });\n function update_accordion_aria() {\n $(\".et_pb_accordion .et_pb_toggle_open h3 span\").attr(\"aria-expanded\",\"true\");\n $(\".et_pb_accordion .et_pb_toggle_close h3 span\").attr(\"aria-expanded\",\"false\");\n }\n});\n<\/script><\/code><\/pre>\n\n\n\nThis setup assumes you're using H3 for the accordion headings. To make this script work, either use H3 on your accordions or change H3 references in the script to H5 (or whatever heading level you're using).<\/p>\n\n\n\n
How to add a code module to Divi<\/h2>\n\n\n\n Hover over the accordion module until you see the grey circle with the plus icon. Click that.<\/p>\n\n\n\n
Type \"code\" to find the code module, or scroll through the New Modules until you find it. Click it.<\/p>\n\n\n\n
Paste the code from above into the Code area.<\/p>\n\n\n\n
Click the green check mark button to save the code.<\/p>\n\n\n\n
Be sure to save the page.<\/p>\n\n\n\n
Before making these change, the outputted code will look something like this:<\/p>\n\n\n\n
And after implementing the code and refreshing, you should have all the correct elements of an accordion set:<\/p>\n\n\n\n
What we're adding<\/h2>\n\n\n\n Let's go line by line through the code we added, to see what it does.<\/p>\n\n\n\n
$(\".et_pb_accordion .et_pb_toggle_content\").attr(\"role\",\"region\");<\/code><\/pre>\n\n\n\nWe add role=\"region\" around the text that gets displayed by the accordion.<\/p>\n\n\n\n
$(\".et_pb_accordion .et_pb_accordion_item\").each(function(i) {\n var accordionID = \"accordion-\" + i;\n $(this).children(\".et_pb_toggle_content\").attr({\n \"id\":accordionID,\n \"aria-labelledby\":accordionID + \"-heading\"\n });\n var headerText = $(this).children(\"h3\").text();\n $(this).children(\"h3\").html(\n \"<span role='button' id='\" + accordionID + \"-heading' aria-controls='\" + accordionID + \"'>\" + headerText + \"<\/span>\");\n });<\/code><\/pre>\n\n\n\nWe cycle through each of the accordion items, connecting the headings and the content.<\/p>\n\n\n\n
Each of the content areas get an ID for the heading to reference and they reference the correct heading using aria-labelledby<\/em>.<\/p>\n\n\n\nWe then grab the text from the heading to use in the next step.<\/p>\n\n\n\n
Inside the h3<\/em> tag, we create a span with the role of \"button\".<\/p>\n\n\n\nWe set the ID of the heading to be different from the ID of the content. This is what the content aria-labelledby<\/em> will point at.<\/p>\n\n\n\nWe then tell the heading which content block to reference, using aria-controls<\/em>.<\/p>\n\n\n\nupdate_accordion_aria();\nfunction update_accordion_aria() {\n $(\".et_pb_accordion .et_pb_toggle_open h3 span\").attr(\"aria-expanded\",\"true\");\n $(\".et_pb_accordion .et_pb_toggle_close h3 span\").attr(\"aria-expanded\",\"false\");\n}<\/code><\/pre>\n\n\n\nNext, we set the aria-expanded<\/em> attribute of the headings, depending on whether the content for that accordion item is open or closed.<\/p>\n\n\n\n$(\".et_pb_accordion\").on(\"click\",\".et_pb_toggle_title, .et_fb_toggle_overlay\", function() {\n setTimeout(update_accordion_aria, 1500);\n});\n<\/code><\/pre>\n\n\n\nFinally, we listen for the \"click\" handler, which is set for the accordion module in Divi\/js\/custom.unified.js<\/em>. When that gets triggered, we wait 1.5 seconds and update the aria-expanded<\/em> values for each of the headings.<\/p>\n\n\n\nWe have to wait at least 1 second, because it's based on whether the heading parent has the class et_pb_toggle_open<\/em> or et_pb_toggle_close<\/em> and it takes around a second for that to change. I just added half a second to be safe, but if you're not seeing the aria-expanded<\/em> change, you might want to increase this value.<\/p>\n\n\n\nIf you have multiple accordions on the page, this should still be fine, but make sure to test it yourself. You won't need to add the script multiple times.<\/p>\n\n\n\n
If you have an accordion on every page, or most pages, it's fine to put this script into the footer scripts from Divi and set it sitewide.<\/p>\n\n\n\n
How to change the heading level<\/h2>\n\n\n\n This script relies on you using heading level 3, ie H3.<\/p>\n\n\n\n
But what if you want to use a different heading level?<\/p>\n\n\n\n
Start by changing the heading level in the accordion. To do so, open the individual accordion settings, go to the Design<\/em> tab, expand the Title Text<\/em> and select a different heading level.<\/p>\n\n\n\nThen in the code you copied from above, change the four references to h3<\/em> to the new level. For example, if you changed them to H4, you'd change the references in the code to \"h4\".<\/p>\n\n\n\nI've highlighted the locations below.<\/p>\n\n\n\n
If you don't change all of the references, the code won't work fully.<\/p>\n","protected":false},"excerpt":{"rendered":"
I was building an accordion in Divi, using the standard accordion widget. Checking it against the Aria Design Patterns for Accordions and the Accordion Example from W3, the Divi accordion module wasn’t following the correct labelling requirements. Perhaps by the time you’re reading this, it has been fixed. If not, I hope you find this<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[16],"yoast_head":"\n
How To Make Divi Accordion Accessible<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.intelliwolf.com\/accessible-divi-accordion\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Make Divi Accordion Accessible\" \/>\n<meta property=\"og:description\" content=\"I was building an accordion in Divi, using the standard accordion widget. Checking it against the Aria Design Patterns for Accordions and the Accordion Example from W3, the Divi accordion module wasn't following the correct labelling requirements. Perhaps by the time you're reading this, it has been fixed. If not, I hope you find this\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.intelliwolf.com\/accessible-divi-accordion\/\" \/>\n<meta property=\"og:site_name\" content=\"Intelliwolf\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-13T09:08:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-11T06:08:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/intelliwolf.com\/wp-content\/uploads\/2020\/04\/2020-04-13-add-aria-divi-accordion-03-1-600x201.png\" \/>\n<meta name=\"author\" content=\"Mike Haydon\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mike Haydon\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.intelliwolf.com\/accessible-divi-accordion\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.intelliwolf.com\/accessible-divi-accordion\/\"},\"author\":{\"name\":\"Mike Haydon\",\"@id\":\"https:\/\/www.intelliwolf.com\/#\/schema\/person\/7209e3ff14822e4d70d5f194a310f343\"},\"headline\":\"How To Make Divi Accordion Accessible\",\"datePublished\":\"2020-04-13T09:08:15+00:00\",\"dateModified\":\"2022-04-11T06:08:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.intelliwolf.com\/accessible-divi-accordion\/\"},\"wordCount\":650,\"commentCount\":8,\"publisher\":{\"@id\":\"https:\/\/www.intelliwolf.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.intelliwolf.com\/accessible-divi-accordion\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/intelliwolf.com\/wp-content\/uploads\/2020\/04\/2020-04-13-add-aria-divi-accordion-03-1-600x201.png\",\"keywords\":[\"Divi\"],\"articleSection\":[\"Theme Customization\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.intelliwolf.com\/accessible-divi-accordion\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.intelliwolf.com\/accessible-divi-accordion\/\",\"url\":\"https:\/\/www.intelliwolf.com\/accessible-divi-accordion\/\",\"name\":\"How To Make Divi Accordion Accessible\",\"isPartOf\":{\"@id\":\"https:\/\/www.intelliwolf.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.intelliwolf.com\/accessible-divi-accordion\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.intelliwolf.com\/accessible-divi-accordion\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/intelliwolf.com\/wp-content\/uploads\/2020\/04\/2020-04-13-add-aria-divi-accordion-03-1-600x201.png\",\"datePublished\":\"2020-04-13T09:08:15+00:00\",\"dateModified\":\"2022-04-11T06:08:01+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.intelliwolf.com\/accessible-divi-accordion\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.intelliwolf.com\/accessible-divi-accordion\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.intelliwolf.com\/accessible-divi-accordion\/#primaryimage\",\"url\":\"https:\/\/www.intelliwolf.com\/wp-content\/uploads\/2020\/04\/2020-04-13-add-aria-divi-accordion-03-1.png\",\"contentUrl\":\"https:\/\/www.intelliwolf.com\/wp-content\/uploads\/2020\/04\/2020-04-13-add-aria-divi-accordion-03-1.png\",\"width\":876,\"height\":294},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.intelliwolf.com\/accessible-divi-accordion\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.intelliwolf.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Theme Customization\",\"item\":\"https:\/\/www.intelliwolf.com\/category\/theme-customization\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How To Make Divi Accordion Accessible\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.intelliwolf.com\/#website\",\"url\":\"https:\/\/www.intelliwolf.com\/\",\"name\":\"Intelliwolf\",\"description\":\"WordPress, Web Design & Coding Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.intelliwolf.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.intelliwolf.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.intelliwolf.com\/#organization\",\"name\":\"Intelliwolf\",\"url\":\"https:\/\/www.intelliwolf.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.intelliwolf.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.intelliwolf.com\/wp-content\/uploads\/intelliwolf-logo-300t.png\",\"contentUrl\":\"https:\/\/www.intelliwolf.com\/wp-content\/uploads\/intelliwolf-logo-300t.png\",\"width\":300,\"height\":100,\"caption\":\"Intelliwolf\"},\"image\":{\"@id\":\"https:\/\/www.intelliwolf.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.intelliwolf.com\/#\/schema\/person\/7209e3ff14822e4d70d5f194a310f343\",\"name\":\"Mike Haydon\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.intelliwolf.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d5f4754fae310a04dede91d15e57c8a0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d5f4754fae310a04dede91d15e57c8a0?s=96&d=mm&r=g\",\"caption\":\"Mike Haydon\"},\"sameAs\":[\"https:\/\/intelliwolf.com\/about-mike-haydon\/\"]}]}<\/script>\n","yoast_head_json":{"title":"How To Make Divi Accordion Accessible","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.intelliwolf.com\/accessible-divi-accordion\/","og_locale":"en_US","og_type":"article","og_title":"How To Make Divi Accordion Accessible","og_description":"I was building an accordion in Divi, using the standard accordion widget. Checking it against the Aria Design Patterns for Accordions and the Accordion Example from W3, the Divi accordion module wasn't following the correct labelling requirements. Perhaps by the time you're reading this, it has been fixed. If not, I hope you find this","og_url":"https:\/\/www.intelliwolf.com\/accessible-divi-accordion\/","og_site_name":"Intelliwolf","article_published_time":"2020-04-13T09:08:15+00:00","article_modified_time":"2022-04-11T06:08:01+00:00","og_image":[{"url":"https:\/\/intelliwolf.com\/wp-content\/uploads\/2020\/04\/2020-04-13-add-aria-divi-accordion-03-1-600x201.png"}],"author":"Mike Haydon","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Mike Haydon","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.intelliwolf.com\/accessible-divi-accordion\/#article","isPartOf":{"@id":"https:\/\/www.intelliwolf.com\/accessible-divi-accordion\/"},"author":{"name":"Mike Haydon","@id":"https:\/\/www.intelliwolf.com\/#\/schema\/person\/7209e3ff14822e4d70d5f194a310f343"},"headline":"How To Make Divi Accordion Accessible","datePublished":"2020-04-13T09:08:15+00:00","dateModified":"2022-04-11T06:08:01+00:00","mainEntityOfPage":{"@id":"https:\/\/www.intelliwolf.com\/accessible-divi-accordion\/"},"wordCount":650,"commentCount":8,"publisher":{"@id":"https:\/\/www.intelliwolf.com\/#organization"},"image":{"@id":"https:\/\/www.intelliwolf.com\/accessible-divi-accordion\/#primaryimage"},"thumbnailUrl":"https:\/\/intelliwolf.com\/wp-content\/uploads\/2020\/04\/2020-04-13-add-aria-divi-accordion-03-1-600x201.png","keywords":["Divi"],"articleSection":["Theme Customization"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.intelliwolf.com\/accessible-divi-accordion\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.intelliwolf.com\/accessible-divi-accordion\/","url":"https:\/\/www.intelliwolf.com\/accessible-divi-accordion\/","name":"How To Make Divi Accordion Accessible","isPartOf":{"@id":"https:\/\/www.intelliwolf.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.intelliwolf.com\/accessible-divi-accordion\/#primaryimage"},"image":{"@id":"https:\/\/www.intelliwolf.com\/accessible-divi-accordion\/#primaryimage"},"thumbnailUrl":"https:\/\/intelliwolf.com\/wp-content\/uploads\/2020\/04\/2020-04-13-add-aria-divi-accordion-03-1-600x201.png","datePublished":"2020-04-13T09:08:15+00:00","dateModified":"2022-04-11T06:08:01+00:00","breadcrumb":{"@id":"https:\/\/www.intelliwolf.com\/accessible-divi-accordion\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.intelliwolf.com\/accessible-divi-accordion\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.intelliwolf.com\/accessible-divi-accordion\/#primaryimage","url":"https:\/\/www.intelliwolf.com\/wp-content\/uploads\/2020\/04\/2020-04-13-add-aria-divi-accordion-03-1.png","contentUrl":"https:\/\/www.intelliwolf.com\/wp-content\/uploads\/2020\/04\/2020-04-13-add-aria-divi-accordion-03-1.png","width":876,"height":294},{"@type":"BreadcrumbList","@id":"https:\/\/www.intelliwolf.com\/accessible-divi-accordion\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.intelliwolf.com\/"},{"@type":"ListItem","position":2,"name":"Theme Customization","item":"https:\/\/www.intelliwolf.com\/category\/theme-customization\/"},{"@type":"ListItem","position":3,"name":"How To Make Divi Accordion Accessible"}]},{"@type":"WebSite","@id":"https:\/\/www.intelliwolf.com\/#website","url":"https:\/\/www.intelliwolf.com\/","name":"Intelliwolf","description":"WordPress, Web Design & Coding Tutorials","publisher":{"@id":"https:\/\/www.intelliwolf.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.intelliwolf.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.intelliwolf.com\/#organization","name":"Intelliwolf","url":"https:\/\/www.intelliwolf.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.intelliwolf.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.intelliwolf.com\/wp-content\/uploads\/intelliwolf-logo-300t.png","contentUrl":"https:\/\/www.intelliwolf.com\/wp-content\/uploads\/intelliwolf-logo-300t.png","width":300,"height":100,"caption":"Intelliwolf"},"image":{"@id":"https:\/\/www.intelliwolf.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.intelliwolf.com\/#\/schema\/person\/7209e3ff14822e4d70d5f194a310f343","name":"Mike Haydon","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.intelliwolf.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d5f4754fae310a04dede91d15e57c8a0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d5f4754fae310a04dede91d15e57c8a0?s=96&d=mm&r=g","caption":"Mike Haydon"},"sameAs":["https:\/\/intelliwolf.com\/about-mike-haydon\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.intelliwolf.com\/wp-json\/wp\/v2\/posts\/1714"}],"collection":[{"href":"https:\/\/www.intelliwolf.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.intelliwolf.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.intelliwolf.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.intelliwolf.com\/wp-json\/wp\/v2\/comments?post=1714"}],"version-history":[{"count":1,"href":"https:\/\/www.intelliwolf.com\/wp-json\/wp\/v2\/posts\/1714\/revisions"}],"predecessor-version":[{"id":2640,"href":"https:\/\/www.intelliwolf.com\/wp-json\/wp\/v2\/posts\/1714\/revisions\/2640"}],"wp:attachment":[{"href":"https:\/\/www.intelliwolf.com\/wp-json\/wp\/v2\/media?parent=1714"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.intelliwolf.com\/wp-json\/wp\/v2\/categories?post=1714"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.intelliwolf.com\/wp-json\/wp\/v2\/tags?post=1714"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"Divi](\"https:\/\/intelliwolf.com\/wp-content\/uploads\/2020\/04\/2020-04-13-add-aria-divi-accordion-03-1-600x201.png\" "\\"shadow\\"")
<\/figure><\/div>\n\n\n\n![\"\"](\"https:\/\/intelliwolf.com\/wp-content\/uploads\/2020\/04\/2020-04-13-add-aria-divi-accordion-04-600x118.png\")
<\/figure><\/div>\n\n\n\n![\"\"](\"https:\/\/intelliwolf.com\/wp-content\/uploads\/2020\/04\/2020-04-13-add-aria-divi-accordion-05-600x233.png\")
<\/figure><\/div>\n\n\n\n![\"\"](\"https:\/\/intelliwolf.com\/wp-content\/uploads\/2020\/04\/2020-04-13-add-aria-divi-accordion-06-600x517.png\")
<\/figure><\/div>\n\n\n\n![\"\"](\"https:\/\/intelliwolf.com\/wp-content\/uploads\/2020\/04\/2020-04-13-add-aria-divi-accordion-01-600x157.png\")
<\/figure><\/div>\n\n\n\n![\"\"](\"https:\/\/intelliwolf.com\/wp-content\/uploads\/2020\/04\/2020-04-13-add-aria-divi-accordion-02-600x270.png\")
<\/figure><\/div>\n\n\n\n![\"Divi](\"https:\/\/intelliwolf.com\/wp-content\/uploads\/2020\/06\/2020-04-13-add-aria-divi-accordion-07-1-358x600.png\")
<\/figure><\/div>\n\n\n\n![\"Accordion](\"https:\/\/intelliwolf.com\/wp-content\/uploads\/2020\/06\/2020-04-13-add-aria-divi-accordion-08-553x600.png\")
<\/figure><\/div>\n\n\n\n