Equalize Digital Accessibility Checker – WCAG, ADA, EAA and Section 508 compliance vs Tabs Block – Responsive Gutenberg Tabs for Block Editor

Make Your Website Accessible with Accessibility Checker Equalize Digital Accessibility Checker helps you find and fix accessibility issues in WordPress. Scan posts and pages as you edit, review WCAG-based issues inside WordPress, apply automated fixes for common barriers, and generate an accessibility statement to support your compliance efforts. Whether you’re improving compliance with accessibility laws, working toward Web Content Accessibility Guidelines (WCAG) conformance, or making your website easier for everyone to use, Accessibility Checker gives your team a practical workflow for ongoing accessibility testing and remediation. Plugin Website | Live Demo | Documentation | Compare Free to Pro | Get Pro | WP Accessibility Meetup | WP Accessibility Facebook Group Why Make Your Website Accessible Laws around the world, such as the European Accessibility Act (EAA), Americans with Disabilities Act (ADA), and Section 508, among others, require websites to be accessible and usable by people with disabilities. Accessibility may be required for your website to be legally compliant. Accessibility fixes on websites often translate to better overall usability on the site and can improve search engine ranking and conversions. Including Accessibility Checker on your website and fixing identified problems can help you to: Reduce legal risk. Improve SEO and increase reach. Increase sales and conversions. Reduce operational costs by allowing more people to self-serve on your website. Live your organizational values. Real-Time WordPress Accessibility Scanning Accessibility Checker scans your content each time you save or publish and shows accessibility problems directly in the WordPress editor. You can review issues without leaving the edit screen, or switch to a front-end view to see exactly which elements need attention. Accessibility Checker runs over 40 automated checks based on Web Content Accessibility Guidelines (WCAG) 2.2 and provides documentation for every issue so content creators, site owners, and developers can fix problems faster. Automated Accessibility Fixes Need help resolving accessibility issues on your website? Accessibility Checker includes one-click fixes for common accessibility barriers in themes and plugins. Add skip links Add focus outlines Block links from opening new windows Force links to be underlined Label comment fields Label search fields Add missing lang & dir attributes Make the viewport scalable Remove positive tab index to fix incorrect focus order Remove title attributes from elements with preferred accessible names Add warnings to links that open in new tabs Show error message for empty search submissions Add file size & type to links [Pro] Add missing page titles [Pro] Block PDF uploads [Pro] Label form fields [Pro] Supports Accessibility Compliance Efforts Laws and policies around the world require websites to be accessible. Accessibility Checker helps teams identify issues early, document progress, and support conformance work related to ADA, Section 508, AODA, EAA, WCAG, and more. Find problems faster. Learn accessibility as you go. Apply automated fixes for common barriers. Track changes over time. [Pro] Get personalized support and custom plans for more complex remediation needs. [Pro] Accessibility Checker scans run on your server. This means there are no URL-based scanning limits or API-usage fees. Get unlimited scanning of posts and pages without worrying about costs each time you scan. Why Accessibility Checker Accessibility Checker is designed to support both day-to-day publishing and broader accessibility initiatives. No limits on pages scanned. Scan as many posts and pages as your site contains. Built by accessibility professionals. Equalize Digital team members include certified accessibility professionals and experienced WordPress accessibility practitioners. WCAG 2.2 A, AA, and AAA guidance. Review issues against current WCAG success criteria. Readability analysis and simplified summary support. Check Flesch-Kincaid grade level and add a simplified summary for WCAG Success Criterion 3.1.5 Reading Level. Remove issues from reports. Dismiss items that have been manually reviewed and found not relevant or remediated, with notes, usernames, and timestamps. Accessibility statement generator. Draft an accessibility statement that you can customize and publish on your website. Footer accessibility statement. Insert an accessibility statement into your footer with one click. Detailed documentation. Use help articles and instructions for every issue to guide remediation. [Pro] Bulk scanning. Scan all posts and pages in bulk for a site-wide overview. [Pro] Scan additional post types. Extend in-editor accessibility checks to more content types. [Pro] Admin columns. View accessibility status at a glance in content lists. [Pro] Full-site reports. See existing issues in one place for faster remediation. [Pro] Dismissed Log. Review dismissed issues, who dismissed them, and when. [Pro] User restrictions on Dismiss. Limit which roles can dismiss issues. Additional paid add-ons include: Audit History add-on: track and report on changes over time. CSV Export add-on: export issues to CSV for management in a spreadsheet or project management tool. Multisite add-on: see accessibility status and manage settings for all sites in your network. How It Works To get started with Accessibility Checker or learn more about how it works, see our Getting Started Quick Guide or watch this video demonstration. Please note that the video includes some features available only in the paid version. Support The Equalize Digital team provides regular support for Accessibility Checker on the WordPress.org forums. If you have a question about the plugin or its use, please post in the support forum and the team will do its best to respond quickly. Support hours are Monday through Friday, 9:00 AM to 5:00 PM U.S. Central. If you need one-on-one email support, please consider purchasing Accessibility Checker Pro. Pro customers receive unlimited personal support on plugin usage and features. Join our WordPress Accessibility Facebook Group for community support and to connect with other developers, designers, and content creators working to make websites more accessible. For paid Accessibility Checker customers on a small business plan or above, we provide two accessibility office hours calls each month to answer remediation questions. Compatibility Accessibility Checker supports multiple WordPress editing and site-building workflows and has been tested with: Gutenberg Block Editor The Classic Editor Advanced Custom Fields Avada Beaver Builder Divi Elementor Oxygen WP Bakery [Pro] WooCommerce Learn Accessibility Want to learn more about accessibility and stay on-top of accessibility best practices? Attend an official WordPress Accessibility Meetup! These free virtual meetups are held twice per month via Zoom and are live captioned. Learn more about WP Accessibility Meetup About Us Equalize Digital is a mission-driven organization striving to create a world where all people have equal access to products and tools on web, regardless of ability. Our team has been building custom WordPress websites, themes, and plugins since 2010. We’re the trusted accessibility auditing team for WordPress plugin developers and organizations worldwide, including government, higher education, nonprofit, and enterprise businesses.

Build Accessible, Responsive Tabs in the Gutenberg Block Editor Tabs Block for Gutenberg lets you add beautiful, responsive, and accessible tabbed content directly in the WordPress Block Editor no coding or external libraries required. Whether you’re building a documentation page, a product features section, or a clean tabbed layout for content organization, this plugin helps you do it quickly and natively. Why Choose BlaBlaBlocks Tabs Block? The Tabs Block plugin combines modern WordPress standards with ease of use. Built using the WordPress Interactivity API, it ensures lightweight performance, accessibility, and full compatibility with the latest versions of WordPress. Key Highlights Accessible Tabs: WCAG-compliant markup, ARIA roles, and keyboard navigation support. Zero Dependencies: No jQuery or heavy JS frameworks powered by the Interactivity API. Responsive by Default: Tabs automatically stack or scroll on smaller screens. Horizontal & Vertical Layouts: Switch between tab orientations with one click. Ready-to-Use Templates: Choose from prebuilt designs to jump-start your layout. Seamless Block Editor Integration: Looks, feels, and behaves like a native WordPress block. Key Features 1. Fully Accessible Accessibility isn’t optional — it’s built in. Tabs Block follows WCAG 2.1 guidelines and adds: ARIA attributes for screen readers. Tab focus management for keyboard users. Semantic markup that works with assistive technologies. 2. Responsive by Design No need for custom CSS or media queries. Tabs automatically adapt their layout across screen sizes: On desktop: clean horizontal tab navigation. On mobile: collapsible stacked layout or swipe-enabled scrolling. 3. Horizontal & Vertical Tabs Want sidebar-style navigation? Just toggle layout mode. You can switch between horizontal and vertical tabs at any time, perfect for documentation pages or feature lists. 4. Powered by the Interactivity API Unlike most tab plugins that rely on JavaScript frameworks, BlaBlaBlocks Tabs Block uses WordPress’s native Interactivity API. That means: Faster loading and rendering. Better Core Web Vitals scores. Seamless state management between editor and frontend. 5. Ready-to-Use Templates Save time with built-in templates. Choose from multiple tab styles (minimal, boxed, underlined, colored) and insert them with one click. 6. Works Everywhere Tabs Block is fully compatible with: Block Themes (Full Site Editing) Classic Themes using the Block Editor Reusable Blocks and Block Patterns Core blocks like Columns, Groups, and Cover How to Use the Tabs Block Step 1: Add the Tabs Block In the Block Editor, click the “+” icon to add a new block. Search for “Tabs Block”. Select it to insert into your post or page. Step 2: Choose a Layout Open the right-hand sidebar and pick from horizontal or vertical layouts. You can switch anytime. Step 3: Add Tabs and Content Add, rename, or delete tabs using the block toolbar. Each tab panel supports any block — text, images, videos, forms, etc. Step 4: Customize the Look Use the sidebar controls to adjust: Colors Typography Borders Padding and spacing Step 5: Preview Responsiveness Use the Editor’s device preview to test how your tabs behave on mobile, tablet, and desktop. Checkout out documentation for more details Customization Options Tabs Block integrates seamlessly with WordPress’s design tools, so you can: Change background and text colors using global styles. Adjust spacing, borders, and radii. Apply block style variations for a unified site look. For developers, advanced customization can be done via CSS custom properties or theme JSON overrides. Common Use Cases Product Features Tabs: Highlight product details, specifications, and reviews. Documentation Pages: Organize setup instructions and API references. FAQs: Group related questions under topic-based tabs. Pricing Comparisons: Present plan details side by side. Portfolio Showcases: Display projects or case studies by category. Integration and Compatibility Tabs Block integrates smoothly with: Core WordPress Blocks: Columns, Groups, Cover, Image, Paragraph, Buttons, etc. Full Site Editing (FSE): Works in templates and template parts. Reusable Blocks: Create once, reuse anywhere. Translation Plugins: WPML, Polylang, Loco Translate. Caching & Optimization Plugins: No conflicts with WP Rocket, LiteSpeed Cache, or Autoptimize. Troubleshooting Tabs Not Switching? Check for JavaScript errors in your browser console. Ensure WordPress 6.5 or higher is installed (Interactivity API required). Styles Not Applying? Your theme’s CSS may override tab styles. Try adding a higher specificity rule or using the block’s built-in design controls. Open Source and Free BlaBlaBlocks Tabs Block is open source under the MIT License. You can freely use, modify, and contribute to its development. Source Code: https://github.com/lubusIN/blablablocks-tabs-block Report Issues: https://github.com/lubusIN/blablablocks-tabs-block/issues Documentation: https://github.com/lubusIN/blablablocks-tabs-block/wiki