# Announce "Added to Cart" to Screen Readers

> Makes screen readers announce when a product is added to the cart with AJAX on shop and category pages, which otherwise happens silently.

- Type: PHP
- Runs: Frontend only
- Category: [Accessibility](https://wpide.com/library/category/accessibility/)
- Requires: WooCommerce
- Tags: woocommerce, screen-reader, cart
- Author: WPIDE Team
- Installs: 0
- Updated: 2026-10-28
- Page: https://wpide.com/library/a11y-woo-announce-add-to-cart/

## Code

```php
add_action( 'wp_enqueue_scripts', function () {
    if ( ! function_exists( 'is_woocommerce' ) || ! wp_script_is( 'wc-add-to-cart', 'registered' ) ) {
        return;
    }

    wp_enqueue_script( 'wp-a11y' );
    wp_add_inline_script( 'wc-add-to-cart', <<<'JS'
jQuery(function ($) {
    $(document.body).on('added_to_cart', function (event, fragments, hash, button) {
        var name = button && button.length ? (button.attr('aria-label') || button.data('product_name') || '') : '';
        name = String(name).replace(/^Add (to cart: )?/i, '').replace(/[“”"]/g, '').replace(/ to your cart$/i, '');
        if (window.wp && wp.a11y) { wp.a11y.speak((name ? name + ' ' : 'Product ') + 'added to your cart.', 'polite'); }
    });
});
JS
    );
}, 20 );
```

## Notes

Uses the wp-a11y live region that WordPress provides; change the message text in the script if needed.

## How to use it

Install the free WPIDE plugin (https://wordpress.org/plugins/wpide/), find "Announce "Added to Cart" to Screen Readers" in its snippet library and add it in one click; or create a new PHP snippet in WPIDE (or any code snippets plugin) and paste the code above. More snippets: https://wpide.com/library/