Please submit a private ticket if you need to share sensitive information, such as license details and admin credentials.

Okay
  Public Ticket #3185344
Not meeting requirements Accessibility Guidelines (WCAG)
Closed

Comments

  • Huub Lunter started the conversation

    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:

    .woofc-close {    border: none;    margin: 0;    padding: 0;    width: auto;    overflow: visible;    background: transparent;    line-height: normal;    -webkit-font-smoothing: inherit;    -moz-osx-font-smoothing: inherit;    -webkit-appearance: none;
    }

    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 1f642.svg

  •  767
    Janilyn replied

    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