Major Accessibility Issue

  • Resolved Alicia St Rose

    (@laughhearty)


    4 years, 7 months ago

    I really need the ordering experience to be done completely with keyboard. In the US accessibility is a huge thing, especially in California.

    Right now, I can use the keyboard to click through to an item and quantity in the modal. But there is no way to click “add to cart” button in the modal by just using the keyboard. So, this is completely inaccessible for someone who depends one keyboard to interact with the order process.

    Is there a quick fix?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor Kshirod Patel

    (@kshirod-patel)

    Hello,

    That would take some time to implement things properly.

    Thread Starter Alicia St Rose

    (@laughhearty)

    I actually got the solution from Experts-exchange.

    It appears to be a simple change.

    Line 33 in rpress-popup.php

    Change:

    <a data-item-qty="1" data-cart-key="" data-item-id="" data-item-price="" data-cart-action="" class="center submit-fooditem-button text-center inline rp-col-md-6 <?php echo $color; ?>"></a>

    to:

    <button type="button" onclick="add-cart" data-cart-key="" data-item-id="" data-item-price="" data-cart-action="" class="center submit-fooditem-button text-center inline rp-col-md-6 <?php echo $color; ?>"></button>

    It’s working for me now!

    https://orderdemo.wpwithheart.com/food-items/

    If you could include it in your next update that would be great!

    Plugin Author Magnigenie

    (@magnigenie)

    Thanks, we will definitely look into implementing this on our next version.

    Thread Starter Alicia St Rose

    (@laughhearty)

    Awesome!!

    The little edit pencil icon in the right sidebar is having the same issue. I can tab to the trashcan, but the pencil doesn’t respond. I’ll see if there’s a fix for that as well.

    If you could get these things updated so many would be grateful. Here in US, especially, California there are trolls just looking for sites that aren’t accessible so they can take people to court. It’s gotten really bad since all restaurants are closed to dine-in due to COVID-19.

    Thread Starter Alicia St Rose

    (@laughhearty)

    Okay, The above code I provided actually breaks the cart editing capabilities. The fix is even more simple:

    Just add href=”#” to the anchor:

    <a href="#" data-item-qty="1" data-cart-key="" data-item-id="" data-item-price="" data-cart-action="" class="center submit-fooditem-button text-center inline rp-col-md-6 <?php echo $color; ?>"></a>

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Major Accessibility Issue’ is closed to new replies.