CSS Fixes to make WooCommerce more accessible

style.css

/** Fix focus indicators **/
.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image a:focus, 
.wc-block-components-product-image a:focus,
.wp-element-button:focus, 
.wp-block-button__link:focus {
	outline-style: solid;
	outline-width: 2px;
	outline-offset: 2px;
}

.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image a, .wc-block-components-product-image a {
	display: block;
}

/** Color contrast fixes **/
.wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward {
	opacity: .9;
}

.wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label {
    color: hsl(0deg 0% 7% / 76%);
}

.woocommerce form .form-row .required,
.wc-block-components-form .wc-block-components-text-input.has-error label, .wc-block-components-text-input.has-error label,
.wc-block-components-validation-error {
    color: #ae1414 !important;
}

/** No color alone fixes **/
.wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward:hover {
	text-decoration: none;
}

.wc-block-components-checkout-return-to-cart-button:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
  text-decoration: underline;
}

/** Revert visual layout after fixing focus order on checkout page **/
.order-corrected .wc-block-components-sidebar-layout {
	flex-direction: row-reverse;
}