Flipbox not accessible

  • Resolved kalleaume

    (@kalleaume)


    1 year, 2 months ago

    With the flip box block, I’ve discovered that if the boxes are flipped upon mouse hover, then this does not meet Web Content Accessibility Guidelines (as explained?here). So is there a way to only activate the flip action upon the user clicking/selecting the box, instead of just hovering (like this functionality here in the Unlimited Elements plugin)?

    • This topic was modified 1 year, 2 months ago by kalleaume.
    • This topic was modified 1 year, 2 months ago by kalleaume.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor Golam Robbani

    (@golam523)

    Hi @kalleaume,

    I appreciate your concern regarding accessibility guidelines. At present, our Flipbox block is designed to activate the flip action on mouse hover. However, I’m delighted to inform you that we have been actively working on improving our plugins, including the Flipbox block.

    Right now, i upadeted the radius blocks plugin in wordpress org. Now, you have the option to activate the flip action upon the user clicking the box, aligning with best practices for web accessibility.

    We value your feedback, and your suggestions help us improve our products. If you have any more ideas or feedback, please feel free to share them with us.

    Thank you for bringing this to our attention, and have a wonderful day!

    Thread Starter kalleaume

    (@kalleaume)

    Hello Golam, thank you so much for making this update! I have installed the latest update on my site and can see that it now has a new setting: ‘Flip Behaviour’, which allows us to choose if we’d like it to flip on hover or on click. I really appreciate your team taking the time to implement this improvement to the block!

    I have tested it out on my site using a screen reader (NVDA), and just came across two small issues:

    1. The flip box is not announced to the screen reader as “Clickable”. As an example, you’ll notice that in the Accordion block, the clickable accordion item is announced by the screen reader as “Clickable Heading Level 4…”. The same thing would need to be implemented for the clickable Flip Box in order for it to meet accessibility guidelines.
    2. The back content of the flip box in announced by the screen reader before the user has even revealed the content by clicking the box. As an example, you’ll notice that in the Accordion block, the content inside the accordion item is not announced until the accordion item is clicked (expanded) to reveal that content. The same thing would need to be implemented for the clickable Flip Box.

    If these two things could be updated, then this flip box block would be fully compliant with accessibility guidelines. Thank you again for taking this step to support web accessibility!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Flipbox not accessible’ is closed to new replies.