WordPress.org
Get WordPress

Plugin Directory

Changeset 3750920


Ignore:
Timestamp:
10/16/2026 06:08:24 PM (4 weeks ago)
Author:
anblik
Message:

Release 2.11.2: Skip carousel link keeps contrast on focus with a two-tone ring, Pause/Play state is announced, "See more" includes the slide heading for screen readers.

Location:
ananyoo-accessible-carousel
Files:
50 added
5 edited

Legend:

Unmodified
Added
Removed

  • ananyoo-accessible-carousel/trunk/ananyoo-accessible-carousel.php

    r3707820 r3750920  
    44 * Plugin URI:        https://ananyoo.com/ananyoo-accessible-carousel-block-plugin/
    55 * Description:        WCAG 2.2 AA compliant carousel, slider & slideshow blocks: keyboard & screen-reader friendly, pause control, no autoplay, plus a card scroller.
    6  * Version:           2.11.1
     6 * Version:           2.11.2
    77 * Requires at least: 6.5
    88 * Requires PHP:      7.4
    … …  
    2121}
    2222
    23 define( 'ANACB_VERSION', '2.11.1' );
     23define( 'ANACB_VERSION', '2.11.2' );
    2424define( 'ANACB_PATH', plugin_dir_path( __FILE__ ) );
    2525define( 'ANACB_URL', plugin_dir_url( __FILE__ ) );

  • ananyoo-accessible-carousel/trunk/assets/css/style.css

    r3632555 r3750920  
    643643.aac-skip-link:focus-visible {
    644644        left: 0.5rem;
    645         outline: 3px solid #ffffff;
     645        color: #ffffff;
     646        background: #0E1B36;
     647        /* Two-tone ring: navy outer, white inner gap, so the indicator holds
     648           3:1 over light AND dark slide images (WCAG 1.4.11, 2.4.7). */
     649        outline: 3px solid #0E1B36;
    646650        outline-offset: 2px;
     651        box-shadow: 0 0 0 2px #ffffff;
    647652}
    648653.aac-skip-target { display: block; width: 1px; height: 1px; }

  • ananyoo-accessible-carousel/trunk/assets/js/view.js

    r3647069 r3750920  
    133133                // the two always match (WCAG 2.5.3 Label in Name).
    134134                var stopBtn = null;
     135                var stopLive = null;
    135136                if ( opts.autoplay ) {
    136137                        stopBtn = document.createElement( 'button' );
    … …  
    151152                                if ( userStopped ) { userStopped = false; start(); } else { stop( true ); }
    152153                                syncStop();
     154                                if ( stopLive ) { stopLive.textContent = userStopped ? 'Carousel paused' : 'Carousel playing'; }
    153155                        } );
    154156                        var pauseZone = navRight;
    … …  
    156158                        else if ( 'center' === opts.pausePos ) { pauseZone = navCenter; }
    157159                        pauseZone.appendChild( stopBtn );
     160                        // Announce the new state: the label swap alone is not reliably read
     161                        // out by screen readers when the button keeps focus (WCAG 4.1.3).
     162                        stopLive = document.createElement( 'span' );
     163                        stopLive.className = 'aac-visually-hidden';
     164                        stopLive.setAttribute( 'role', 'status' );
     165                        pauseZone.appendChild( stopLive );
    158166                }
    159167

  • ananyoo-accessible-carousel/trunk/blocks/slide/render.php

    r3692293 r3750920  
    128128
    129129                        <?php if ( '' !== $anacb_btn_text && '' !== $anacb_btn_url ) : ?>
    130                                 <a class="<?php echo esc_attr( $anacb_cta_class ); ?>" href="<?php echo esc_url( $anacb_btn_url ); ?>"<?php echo '' !== $anacb_cta_style ? ' style="' . esc_attr( $anacb_cta_style ) . '"' : ''; ?>><?php echo esc_html( $anacb_btn_text ); ?></a>
     130                                <a class="<?php echo esc_attr( $anacb_cta_class ); ?>" href="<?php echo esc_url( $anacb_btn_url ); ?>"<?php echo '' !== $anacb_cta_style ? ' style="' . esc_attr( $anacb_cta_style ) . '"' : ''; ?>><?php echo esc_html( $anacb_btn_text ); ?><?php if ( '' !== trim( wp_strip_all_tags( (string) $anacb_heading ) ) ) : ?><span class="aac-visually-hidden">: <?php echo esc_html( trim( wp_strip_all_tags( (string) $anacb_heading ) ) ); ?></span><?php endif; ?></a>
    131131                        <?php endif; ?>
    132132                </div>

  • ananyoo-accessible-carousel/trunk/readme.txt

    r3707820 r3750920  
    55Tested up to: 7.1
    66Requires PHP: 7.4
    7 Stable tag: 2.11.1
     7Stable tag: 2.11.2
    88License: GPLv2 or later
    99License URI: https://www.gnu.org/licenses/gpl-2.0.html
    … …  
    114114
    115115== Changelog ==
     116
     117= 2.11.2 =
     118*   Slide buttons add the slide heading for screen readers, so "See more"
     119    is announced as "See more: {heading}" (WCAG 2.4.4).
     120*   Pause / Play now announces "Carousel paused" or "Carousel playing"
     121    through a polite status region (WCAG 4.1.3).
     122*   Skip carousel link keeps white on navy on focus and uses a two-tone
     123    focus ring that holds 3:1 over any slide image (WCAG 1.4.11, 2.4.7).
    116124
    117125= 2.11.1 =
Note: See TracChangeset for help on using the changeset viewer.