Commit 681166b9687 for woocommerce
commit 681166b9687c0dab647a4b08f9753f7c006d1c88
Author: Anuj Singh <80690679+Anuj-Rathore24@users.noreply.github.com>
Date: Thu Jun 4 22:14:20 2026 +0530
Fix: Wrap checkout payment method radios in a fieldset for better accessibility (#65201)
diff --git a/plugins/woocommerce/changelog/fix-65095-checkout-payment-methods-a11y-grouping b/plugins/woocommerce/changelog/fix-65095-checkout-payment-methods-a11y-grouping
new file mode 100644
index 00000000000..7d772769043
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-65095-checkout-payment-methods-a11y-grouping
@@ -0,0 +1,4 @@
+Significance: minor
+Type: tweak
+
+Add aria-label to payment methods list for improved screen reader accessibility
diff --git a/plugins/woocommerce/templates/checkout/form-pay.php b/plugins/woocommerce/templates/checkout/form-pay.php
index 59d9b3402de..6795b3f2f83 100644
--- a/plugins/woocommerce/templates/checkout/form-pay.php
+++ b/plugins/woocommerce/templates/checkout/form-pay.php
@@ -12,7 +12,7 @@
*
* @see https://woocommerce.com/document/template-structure/
* @package WooCommerce\Templates
- * @version 8.2.0
+ * @version 10.9.0
*/
defined( 'ABSPATH' ) || exit;
@@ -78,7 +78,7 @@ $totals = $order->get_order_item_totals(); // phpcs:ignore WordPress.WP.GlobalVa
<div id="payment">
<?php if ( $order->needs_payment() ) : ?>
- <ul class="wc_payment_methods payment_methods methods">
+ <ul class="wc_payment_methods payment_methods methods" aria-label="<?php esc_attr_e( 'Payment methods', 'woocommerce' ); ?>">
<?php
if ( ! empty( $available_gateways ) ) {
foreach ( $available_gateways as $gateway ) {
diff --git a/plugins/woocommerce/templates/checkout/payment.php b/plugins/woocommerce/templates/checkout/payment.php
index fa6a089961c..a02a2512e17 100644
--- a/plugins/woocommerce/templates/checkout/payment.php
+++ b/plugins/woocommerce/templates/checkout/payment.php
@@ -12,7 +12,7 @@
*
* @see https://woocommerce.com/document/template-structure/
* @package WooCommerce\Templates
- * @version 9.8.0
+ * @version 10.9.0
*/
defined( 'ABSPATH' ) || exit;
@@ -23,7 +23,7 @@ if ( ! wp_doing_ajax() ) {
?>
<div id="payment" class="woocommerce-checkout-payment">
<?php if ( WC()->cart && WC()->cart->needs_payment() ) : ?>
- <ul class="wc_payment_methods payment_methods methods">
+ <ul class="wc_payment_methods payment_methods methods" aria-label="<?php esc_attr_e( 'Payment methods', 'woocommerce' ); ?>">
<?php
if ( ! empty( $available_gateways ) ) {
foreach ( $available_gateways as $gateway ) {
diff --git a/plugins/woocommerce/templates/myaccount/form-add-payment-method.php b/plugins/woocommerce/templates/myaccount/form-add-payment-method.php
index 35d1da9aa02..771b6c77881 100644
--- a/plugins/woocommerce/templates/myaccount/form-add-payment-method.php
+++ b/plugins/woocommerce/templates/myaccount/form-add-payment-method.php
@@ -12,7 +12,7 @@
*
* @see https://woocommerce.com/document/template-structure/
* @package WooCommerce\Templates
- * @version 7.8.0
+ * @version 10.9.0
*/
defined( 'ABSPATH' ) || exit;
@@ -22,7 +22,7 @@ $available_gateways = WC()->payment_gateways->get_available_payment_gateways();
if ( $available_gateways ) : ?>
<form id="add_payment_method" method="post">
<div id="payment" class="woocommerce-Payment">
- <ul class="woocommerce-PaymentMethods payment_methods methods">
+ <ul class="woocommerce-PaymentMethods payment_methods methods" aria-label="<?php esc_attr_e( 'Payment methods', 'woocommerce' ); ?>">
<?php
// Chosen Method.
if ( count( $available_gateways ) ) {