I've seen the quick update. It's looking good so far. Just one tiny thing I forgot to mention: the buttons and tab panels should all have unique IDs, as you can see at 02:57. Each button should have an aria-controls="id-of-tab-panel", and each tab panel should have an aria-labelledby="id-of-tab-button"
@@WPSoul Oh yes, I see the aria-controls on the button. The bug I'm noticing is that the button isn't getting an ID, so the aria-labelledby attribute on the tabpanel div is pointing to the wrong element.
Fantastic work, David! Thank you. You rock making these videos. I hope one day we do one together!
Thank you! Yes, definitely. I look forward to that.
Great work, David.
Thank you!!!
Great video Dave! 😎
Thank you, Shawn!!!
The blocks tested are:
• Greyd v2.7.2
• GenerateBlocks Pro v1.7.1
• Greenshift Blocks v9.3.6
• Kadence Blocks v3.2.52
• Spectra Blocks v2.15.1
• Stackable Blocks v3.13.5
👍
good video, Your Kadence section is labelled green shift for information;
Oh, my bad! I forgot to change the text. Thanks for letting me know
@daveden2 🎉🎉 Thank you for doing this, and so quickly at that. I am learning a lot about accessibility from you as well!
You're welcome. Thank you for bringing the topic to my attention.
As I learn about accessibility, I will release videos to help others.
Greenshift has fixed in 9.3.7 version
Awesome!! I'll check it out. ❤️
I've seen the quick update. It's looking good so far. Just one tiny thing I forgot to mention: the buttons and tab panels should all have unique IDs, as you can see at 02:57. Each button should have an aria-controls="id-of-tab-panel", and each tab panel should have an aria-labelledby="id-of-tab-button"
@@daveden2 buttons have already aria-controls, I will check on tabs also
@@WPSoul Oh yes, I see the aria-controls on the button. The bug I'm noticing is that the button isn't getting an ID, so the aria-labelledby attribute on the tabpanel div is pointing to the wrong element.