I found some things that would improve accessibility for people that navigate with the keyboard:
1. Make elements focusable: I think it’s best to use the correct HTMl-tags. For example change “button” divs to button tags, like here: wpc-fly-cart.php line 1087: $cart_html .= '<div class="woofc-close hint--left" aria-label="' . esc_attr( self::localization( 'close', esc_html__( 'Close', 'woo-fly-cart' ) ) ) . '"><i class="woofc-icon-icon10"></i></div>';
Thanks for contacting WPClever Support Forum. We're not available at the weekends so today (Monday) I am able to process your ticket.
I have sent your suggestions to our developers so that they can consider proper changes to improve our plugin. Thanks for your contribution to our plugin.
Hi,
I found some things that would improve accessibility for people that navigate with the keyboard:
1. Make elements focusable:
I think it’s best to use the correct HTMl-tags. For example change “button” divs to button tags, like here:
wpc-fly-cart.php line 1087:
$cart_html .= '<div class="woofc-close hint--left" aria-label="' . esc_attr( self::localization( 'close', esc_html__( 'Close', 'woo-fly-cart' ) ) ) . '"><i class="woofc-icon-icon10"></i></div>';
To remove browser button styling:
2. Trap focus while the Fly cart is open, so you can’t tab to any controls outside of the pane.
Some demo’s I could find:
https://focus-trap.github.io/focus-trap/ (https://github.com/focus-trap/focus-trap)
https://codepen.io/foxareld/pen/VxNoKm (https://allyjs.io/index.html)
I hope you are willing to make changes to improve the accessibility of the plugin
Hi Huub,
Thanks for contacting WPClever Support Forum. We're not available at the weekends so today (Monday) I am able to process your ticket.
I have sent your suggestions to our developers so that they can consider proper changes to improve our plugin. Thanks for your contribution to our plugin.
We wish you a nice week ahead.
Best regards.
Janilyn T. - WPClever Support Agent