Title: Accordion doesn’t work with screen reader
Last modified: October 7, 2023

---

# Accordion doesn’t work with screen reader

 *  [anphira](https://wordpress.org/support/users/anphira/)
 * (@anphira)
 * [2 years, 6 months ago](https://wordpress.org/support/topic/accordion-doesnt-work-with-screen-reader/)
 * I made a test site using your test site tool.
 * I deleted the existing rows, then added a spacer block and an accordion block.
   I picked the accordion with the blue underlines.
 * I set the button to have a h3. I set it to behave like toggles (so each panel
   opens & closes independently). I set to plus and minus icons and the icons on
   the left.
 * I added titles and paragraphs to both accordions.
 * I then tested with Mac OS Voiceover and Safari browser.
 * The accordion did have a <button> and <h3> which was good. Unfortunately, I could
   not access any of the accordion contents with a screen reader. Also, I got stuck
   in an infinite loop (normally pressing the down arrow on my keyboard takes me
   to the next element (ie: I would go to the footer). Instead it kept cycling through
   the accordion titles.
 * This was a rather unpleasant experience with a screen reader. I have documented
   it in a video recording for you. I show the HTML markup so you can see exactly
   what was outputted by Kadence in case you try to duplicate the settings.
 * [https://komododecks.com/recordings/9UlhZzCuKlKGalz4SPMA](https://komododecks.com/recordings/9UlhZzCuKlKGalz4SPMA)

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

 *  Plugin Contributor [Gilbert Hernandez](https://wordpress.org/support/users/ghernkadence/)
 * (@ghernkadence)
 * [2 years, 6 months ago](https://wordpress.org/support/topic/accordion-doesnt-work-with-screen-reader/#post-17111327)
 * Hello [@anphira](https://wordpress.org/support/users/anphira/)
 * I tried to access the content of an accordion using the tab buttons, but I had
   the same experience as you. Nonetheless, the screen reader I used has access 
   to the content via the keyboard arrow keys. I use Window’s Narrator. Does your
   screen reader let you use the arrow keys to access the content? Here is a video
   of my experience.
 * [https://share.zight.com/xQuNYPbW](https://share.zight.com/xQuNYPbW)
 * However, I will inform the development team for a review and request that the
   content be accessible via the tab buttons.
 *  Thread Starter [anphira](https://wordpress.org/support/users/anphira/)
 * (@anphira)
 * [2 years, 6 months ago](https://wordpress.org/support/topic/accordion-doesnt-work-with-screen-reader/#post-17113834)
 * I tested with Mac OS Voiceover and Safari browser.
 * Normally the arrow keys get me to the next piece of content. Neither the tab 
   key nor the arrow keys got me to the content.
 *  Plugin Support [karlalevelup](https://wordpress.org/support/users/karlalevelup/)
 * (@karlalevelup)
 * [2 years, 6 months ago](https://wordpress.org/support/topic/accordion-doesnt-work-with-screen-reader/#post-17128689)
 * Hi there!
 * I’m sorry for the delay in getting back to you.
 * I tried adding the Accordion block on my page and activated Mac Voiceover. Once
   I go to the Safari with the page open, the Skip to content button will be “hovered”
   already.
 * Also, I can go to the other focusable elements using the arrow keys. The Accordion
   titles were also recognized by the voiceover. Here’s a screen recording of my
   computer – [https://share.zight.com/eDu0yx1Q](https://share.zight.com/eDu0yx1Q)
 * I can confirm that I wasn’t able to go inside the Accordion contents with either
   tabs or arrow keys. I’ll create a report for this in our internal tool.
 * Once I have more information about the issue or news of any fix for this, I’ll
   update this thread.
 * Let us know if we can help you with anything else.
 * Regards,
   Karla
 *  Plugin Contributor [Gilbert Hernandez](https://wordpress.org/support/users/ghernkadence/)
 * (@ghernkadence)
 * [2 years, 6 months ago](https://wordpress.org/support/topic/accordion-doesnt-work-with-screen-reader/#post-17136463)
 * Hello [@anphira](https://wordpress.org/support/users/anphira/),
 * A fix for accordion accessibility was released in Kadence Blocks[ v3.1.22](https://www.kadencewp.com/kadence-blocks/changelog/).
   Could you check to see if that solves this issue as well?
    -  This reply was modified 2 years, 6 months ago by [Gilbert Hernandez](https://wordpress.org/support/users/ghernkadence/).
 *  Thread Starter [anphira](https://wordpress.org/support/users/anphira/)
 * (@anphira)
 * [2 years, 5 months ago](https://wordpress.org/support/topic/accordion-doesnt-work-with-screen-reader/#post-17153360)
 * [@ghernkadence](https://wordpress.org/support/users/ghernkadence/) it did not
   work when I had “Panes close when another opens” turned on (it’s turned on by
   default). When I turned that to OFF, I was able to get into the accordion, although
   not as easily as I normally would be able to.
 * There is a keyboard trap on just using the down arrow with the accordion titles.
   The down arrow (which is how I usually navigate with voiceover) traps me on the
   accordion titles.
 * I have to use the right arrow on the last title then the down arrow to exit the
   accordion area. Otherwise, I’m completely trapped there.
 * It’s your javascript. I tried disabling javascript and navigated just fine.
 * recording of my experience: [https://komododecks.com/recordings/5cS78DKP5wJBUyFkpL6t](https://komododecks.com/recordings/5cS78DKP5wJBUyFkpL6t)
 *  Plugin Contributor [Gilbert Hernandez](https://wordpress.org/support/users/ghernkadence/)
 * (@ghernkadence)
 * [2 years, 5 months ago](https://wordpress.org/support/topic/accordion-doesnt-work-with-screen-reader/#post-17164954)
 * Hello [@anphira](https://wordpress.org/support/users/anphira/),
 * Thanks for the video. I’ve provided it to the developers as they work on a fix
   for this issue. While there was an accessibility update for the accordion block,
   it did not change this particular behavior.

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

The topic ‘Accordion doesn’t work with screen reader’ is closed to new replies.

 * ![](https://ps.w.org/kadence-blocks/assets/icon-256x256.png?rev=3178382)
 * [Kadence Blocks — Page Builder Toolkit for Gutenberg Editor](https://wordpress.org/plugins/kadence-blocks/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/kadence-blocks/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/kadence-blocks/)
 * [Active Topics](https://wordpress.org/support/plugin/kadence-blocks/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/kadence-blocks/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/kadence-blocks/reviews/)

 * 6 replies
 * 3 participants
 * Last reply from: [Gilbert Hernandez](https://wordpress.org/support/users/ghernkadence/)
 * Last activity: [2 years, 5 months ago](https://wordpress.org/support/topic/accordion-doesnt-work-with-screen-reader/#post-17164954)
 * Status: not resolved