Accessibility Review - Six Tabs Blocks in WordPress
In this video, we continue our accessibility review series by testing the "Tabs" block from six different third-party block plugins for WordPress.
► Blocks Tested ◄
• 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
► Resources ◄
🔗 APG Tabs Pattern - https://www.w3.org/WAI/ARIA/apg/patte...
🔗 Inclusive Components - https://inclusive-components.design/t...
🔗 Evinced - https://knowledge.evinced.com/compone...
🔗 Deque - https://dequeuniversity.com/library/a...
🔗 Kevin Powell Codepen - https://codepen.io/kevinpowell/pen/oN...
► Tabs Comparison Series ◄
Intro - Essential Tips for Accessible Tabs in WordPress: • Essential Tips for Accessible Tabs Bl...
01 - BricksExtras vs Frames: • BricksExtras vs Frames - Accessible T...
02 - Elementor vs Breakdance - • Elementor vs Breakdance: Which Tabs A...
03 - Six different blocks (current) -
🌐 Let's Connect:
👉 Subscribe: / @daveden2
👉 Facebook: / daveden2
👉 X (formerly Twitter): https://x.com/Daveden2
👉 Website: https://daveden.co.uk/
#accessibility #wordpress #tabs
⏱️ Timestamp
00:00 - Intro
00:48 - Scope of the accessibility test
01:44 - My recommended accessible Tabs structure
10:55 - Greyd Tabs accessibility test
16:27 - GenerateBlocks Pro tabs accessibility test
22:48 - Greenshift Tabs accessibility test
26:33 - Greenshift Tabs accessibility test
30:56 - Spectra Tabs accessibility test
34:40 - Stackable Tabs accessibility test
37:57 - Conclusion
🚨 Disclaimer:
Please note that some of the links in this description are affiliate links. If you choose to purchase a product or service through these links, I may receive a small commission at no extra cost. Your support enables me to continue delivering free content to you each week!