overflowhidden’s avataroverflowhidden’s Twitter Archive—№ 1,822

  1. …in reply to @SaraSoueidan
    SaraSoueidan I have a use case, where I think an aria-label can enhance usability for people with assistive technologies: a “list page” with several products, that all have an “Add to basket” button. With aria-label you can be more specific: “Add [productname] to basket”. This would also ..
    1. …in reply to @overflowhidden
      SaraSoueidan .. fall under 2.4.9 (AAA) I think: w3.org/TR/WCAG21/#link-purpose-link-only ??? Or maybe that will only apply to the content inside the button. Then you could do: <button>Add<span class=“visually-hidden”> Product</span> to basket</button> to avoid aria-label.
      OpenGraph image for w3.org/TR/WCAG21/#link-purpose-link-only