WCAG-fixar för WooCommerce

// Granska: lägg på aria-label på checkout-fält som saknar label
add_filter(
  'woocommerce_form_field_args',
  function ($args, $key, $value) {
    $needs_aria = empty($args['label'])
      && empty($args['custom_attributes']['aria-label']);

    if ($needs_aria) {
      $args['custom_attributes']['aria-label'] = ucfirst(
        str_replace('_', ' ', $key)
      );
    }

    return $args;
  },
  10,
  3
);

// Granska: gör cart-fragments tillgängliga för skärmläsare
add_action('wp_footer', function () {
  ?>
  <div
    id="granska-cart-live"
    aria-live="polite"
    aria-atomic="true"
    class="screen-reader-text">
  </div>
  <script>
    jQuery(document.body).on('added_to_cart', function (e, fragments, cart_hash, button) {
      const product = button?.data('product_id') || '';
      document.getElementById('granska-cart-live')
        .textContent = 'Produkten har lagts i varukorgen.';
    });
  </script>
  <?php
});

// Granska: koppla valideringsfel till rätt input
add_filter(
  'woocommerce_checkout_fields',
  function ($fields) {
    foreach ($fields as $section_key => $section) {
      foreach ($section as $key => $field) {
        $fields[$section_key][$key]['custom_attributes']['aria-describedby']
          = 'wc-error-' . $key;
      }
    }
    return $fields;
  }
);

add_action('woocommerce_form_field_text_after',
  function ($key, $args, $value) {
    echo '<span id="wc-error-' . esc_attr($key) . '" '
       . 'class="wc-field-error" role="alert" hidden></span>';
  },
  10,
  3
);