Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • World
  • Users
  • Groups
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (Cyborg)
  • No Skin
Collapse
Brand Logo

CIRCLE WITH A DOT

  1. Home
  2. Uncategorized
  3. Radio buttons are not a viable way to manage state for UIs.

Radio buttons are not a viable way to manage state for UIs.

Scheduled Pinned Locked Moved Uncategorized
accessibilitya11ycsshtml
3 Posts 1 Posters 2 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • aardrian@toot.cafeA This user is from outside of this forum
    aardrian@toot.cafeA This user is from outside of this forum
    aardrian@toot.cafe
    wrote last edited by
    #1

    Radio buttons are not a viable way to manage state for UIs. If you’re using radio buttons for anything other than forms, you’re opening yourself to risk and your users to hassle.

    https://css-tricks.com/the-radio-state-machine/#comment-1884181 (link to my comment citing challenges)

    #accessibility #a11y #CSS #HTML

    aardrian@toot.cafeA 1 Reply Last reply
    1
    0
    • aardrian@toot.cafeA aardrian@toot.cafe

      Radio buttons are not a viable way to manage state for UIs. If you’re using radio buttons for anything other than forms, you’re opening yourself to risk and your users to hassle.

      https://css-tricks.com/the-radio-state-machine/#comment-1884181 (link to my comment citing challenges)

      #accessibility #a11y #CSS #HTML

      aardrian@toot.cafeA This user is from outside of this forum
      aardrian@toot.cafeA This user is from outside of this forum
      aardrian@toot.cafe
      wrote last edited by
      #2

      I’ve added to my post “CSS-only Widgets Are Inaccessible”:
      https://adrianroselli.com/2023/03/css-only-widgets-are-inaccessible.html#State (anchor link)

      You’ll see it looks very much like the ‘looper’ example I cited in 2024 from Chrome / Google.

      aardrian@toot.cafeA 1 Reply Last reply
      0
      • aardrian@toot.cafeA aardrian@toot.cafe

        I’ve added to my post “CSS-only Widgets Are Inaccessible”:
        https://adrianroselli.com/2023/03/css-only-widgets-are-inaccessible.html#State (anchor link)

        You’ll see it looks very much like the ‘looper’ example I cited in 2024 from Chrome / Google.

        aardrian@toot.cafeA This user is from outside of this forum
        aardrian@toot.cafeA This user is from outside of this forum
        aardrian@toot.cafe
        wrote last edited by
        #3

        A lesson here is that the Accessibility Law of Headlines also applies to sub-heads. Because “accessibility notes” rarely are noteworthy.

        Link Preview Image
        Accessibility Law of Headlines

        Betteridge’s law of headlines states that any headline that ends in a question mark can be answered by the word no. For at least the digital accessibility landscape, I would like to amend it, fork it, whatever it: Any headline that asserts a thing is accessible is wrong. Yes, that…

        favicon

        Adrian Roselli (adrianroselli.com)

        1 Reply Last reply
        1
        0
        • pixelate@tweesecake.socialP pixelate@tweesecake.social shared this topic
        Reply
        • Reply as topic
        Log in to reply
        • Oldest to Newest
        • Newest to Oldest
        • Most Votes


        • Login

        • Login or register to search.
        • First post
          Last post
        0
        • Categories
        • Recent
        • Tags
        • Popular
        • World
        • Users
        • Groups