Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 18, 2024 at 1:18 am #1440250
    epkdesign

    Is there a way to add an aria-label to the button element.
    I need to add it so that a screen reader can get more information.
    You can see in the private link I sent that the buttons are all “shop” but they are sending to a different category and I want to add the category to a label for screen readers.
    Also, I need to add the aria-label to the back to top link and the navigation links on the full width sliders. How do I do that?

    Thanks for your help!

    April 18, 2024 at 9:38 am #1440266
    Rikard

    Hey epkdesign,

    Maybe this will help you out? https://stackoverflow.com/questions/63924843/add-aria-label-on-button

    Best regards,
    Rikard

    April 19, 2024 at 9:09 pm #1440398
    epkdesign

    Thanks Rikard,
    That did help.
    Can you tell me why the back to top link has an aria-hidden=”true” tag in there. Is it not useful to screen readers?
    I see the woo commerce cart button has this as well. Why and how do we make it visible to screen readers?

    • This reply was modified 8 months ago by epkdesign.
    April 20, 2024 at 11:42 am #1440409
    Rikard

    Hi,

    I’m not 100% sure as to why that is unfortunately, but I’m guessing that it has something to with it no being focusable. I can ask our developers if you should want further clarification though. You should be able to set it to false using JavaScript if you should feel the need for it. Here’s more documentation the tag in question: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-hidden

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.