https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • m

    mysterious-toddler-20573

    09/17/2022, 6:42 PM
    people don't think it be like it is, but it do
  • m

    miniature-lizard-24702

    09/17/2022, 6:43 PM
    I changed it to be a div and added role="button"
  • m

    miniature-lizard-24702

    09/17/2022, 6:44 PM
    then it works, css only is not accessible though
  • m

    miniature-lizard-24702

    09/17/2022, 6:44 PM
    you can only use it with mouse
  • m

    miniature-lizard-24702

    09/17/2022, 6:45 PM
    following aria is such a huge headache, I want my stuff to work with aria but have no idea where to start
  • g

    gorgeous-airport-54386

    09/17/2022, 6:45 PM
    i don't think you can do it properly without js
  • m

    miniature-lizard-24702

    09/17/2022, 6:45 PM
    aria documentation is dense
  • m

    miniature-lizard-24702

    09/17/2022, 6:45 PM
    the barrier is high
  • g

    gorgeous-airport-54386

    09/17/2022, 6:46 PM
    https://www.w3.org/WAI/ARIA/apg/patterns/menubutton/
  • g

    gorgeous-airport-54386

    09/17/2022, 6:47 PM
    they like to specify things that semantic elements already do mixed with things they don't, so it's hard to tell what code you need to write
  • m

    miniature-lizard-24702

    09/17/2022, 6:48 PM
    yea until you read: "The code in this example is not intended for production environments. Before using it for any purpose, read this to understand why." and swear
  • m

    miniature-lizard-24702

    09/17/2022, 6:48 PM
    but it's probably the most "correct" I'll get
  • g

    gorgeous-airport-54386

    09/17/2022, 6:49 PM
    i don't even look at the examples anymore
  • g

    gorgeous-airport-54386

    09/17/2022, 6:49 PM
    their code is overengineered for my taste
  • m

    miniature-lizard-24702

    09/17/2022, 6:50 PM
    my linux system can't run orca for some reason and I can't test my sites
  • m

    miniature-lizard-24702

    09/17/2022, 6:50 PM
    wish I still had a mac
  • g

    gorgeous-airport-54386

    09/17/2022, 6:50 PM
    oh wow
  • g

    gorgeous-airport-54386

    09/17/2022, 6:50 PM
    try not to go blind i guess
  • m

    miniature-lizard-24702

    09/17/2022, 6:51 PM
    blind?
  • m

    miniature-lizard-24702

    09/17/2022, 6:51 PM
    the gov.uk github has nice accessible components actually.
  • m

    miniature-lizard-24702

    09/17/2022, 6:52 PM
    the few places I've found clean code
  • g

    gorgeous-airport-54386

    09/17/2022, 6:52 PM
    oh i haven't checked that out
  • m

    miniature-lizard-24702

    09/17/2022, 6:52 PM
    https://github.com/alphagov/govuk-frontend
  • m

    miniature-lizard-24702

    09/17/2022, 6:52 PM
    src/govuk/components
  • m

    miniature-lizard-24702

    09/17/2022, 6:58 PM
    https://github.com/alphagov/govuk-frontend/blob/58a6edd1abdd461ab5a5e952daa921c5ebd1ce75/package/govuk-esm/all.mjs
  • m

    miniature-lizard-24702

    09/17/2022, 6:58 PM
    to init
  • m

    miniature-lizard-24702

    09/17/2022, 6:58 PM
    it's quite nice
  • l

    lively-twilight-27472

    09/17/2022, 9:52 PM
    this reminds me a bit of https://inclusive-components.design/
  • m

    mammoth-family-48524

    09/17/2022, 10:35 PM
    @miniature-lizard-24702 If you haven’t see it already, https://shoelace.style seems to care about aria accessibility things. You might be able to find some answers in their source code
  • a

    adamant-state-54102

    09/18/2022, 6:28 AM
    I am currently using the following pattern. When submitting, using
    hx-indicator
    to apply an overlay that indicates the request is processing. In some cases, the response includes an
    hx-redirect
    header. The problem is that the overlay vanishes for a moment before the redirect takes effect. To make the overlay persist, I also include an
    hx-trigger
    header which triggers a function to enable the overlay. My question is: Is there a simpler pattern to accomplish the same thing?
1...828829830...1146Latest