To me that's equivalent to saying, "we know our system has bugs, but we only want our blind users to experience them". It's just... such a downer of a way to look at the world.
Companies are going to find out the hard way then. I work for a large corporation and we've had a consistent stream of companies and individuals contacting us about accessibility with several of our apps and sites.
This means more time to fix or completely redo these because they built them with accessibility issues baked into them and now we're tasked with fixing them or else deal with the legal ramifications.
Now that several states have included anything online or digital in the ADA, that means we now have a handful of law firms in CA and NY that are filing accessibility lawsuits. Just in 2024 there were over 4,000 lawsuits filed, the majority of them at the state level. The old adage that companies were taking a risk by not having their online apps and sites being accessible is a very real threat now.
I feel like the trend is finally starting to turn and companies are taking accessibility a lot more seriously now.
I remember comments from people who would downplay the difficulty of getting accessibility right despite the changing landscape of web development. Part of it was that web standards hadn't fully caught up in capabilities. But another part of it was just that there wasn't that much conscious effort from the open source community to treat accessibility as a priority.
Right now you can find really high quality packages with any kind of widget without sacrificing accessibility.
1. Companies and individuals don't think about accessibility when designing software. It's from my experience always something that's bolted on after the fact (which only makes adding it in an order of magnitude more difficult). There are exceptions, but in my experience they're rare.
2. Our education system doesn't teach people about this, in practically any capacity, unless you, e.g., go into the education system specifically to work with individuals with disabilities. But if your just an ordinary student taking the usual course classes, it's never mentioned, not even in passing. Or at least, it wasn't mentioned at all in passing when I was in school, unless the teacher brought it up as more of an aside, and even then there wasn't a dedicated class on it.
Granted, the second part is more of a "developer" problem, but people not knowing about individuals with disabilities at all, or what they're capable of if you give them the tools/skills, etc., is also a massive problem. Don't get me wrong: I'm happy to educate when people get curious and ask, and I actively encourage it. But I shouldn't have to. This is something our school system should be teaching people about. An accessible world is better for everyone in pretty much every way.
When most or all of us benefit from "accessibility", then it isn't really accessibility. It is fixing a broken UI, period. Designers need to be shamed for not even providing a good enough UI for the average person, let alone disabled people.
> We all benefit from digital (and physical) accessibility
Interestingly though, in this space, wheelchair accessible sidewalks often conflict with tactile paving (for blind people). Those tactile bumps are often inside the curbs, so there's often no way for a wheelchair to avoid them.
Those are great for making cars not blast through intersections too.
The testing one is big, I don't want add a bunch of artificial attributes just match an element in test, it's much more natural to just target elements semantically.
When you use HTML primitives like inputs with associated labels, the new popover API, dialogs, details + summary elements, their behaviors are all made by the browser vendor and are designed to compose with each other. It really is a difference of night and day, and for free. We don't take advantage of the amazingly powerful tools we have been given.
Isn't inspecting the actual cell /header easier?
That’s tame. Try adding some Tailwind CSS.
After monitoring Tailwind CSS since its early days, and believing I had some pretty serious philosophical disagreements with it, I recently took an opportunity to try it out in earnest, and it is so mindbogglingly obnoxious in dev tools that I think surely I must be missing something. How do people cope with this stuff!?
If you’re not sure what I’m on about, go through some of the sites linked near the bottom of https://tailwindcss.com/. In the Inspector/Elements panel, the DOM tree is a bloated mess with a class attribute which amounts to inline styles or worse, commonly hundreds of characters long, discouraging you from using semantically-meaningful classes, and duplicating stuff enormously rather than using sane selectors; the mostly-better ones are those that have data-sentry-{element,component,source-file} attributes. The styles subpanel becomes utterly unnavigable.
(I’m not saying everything in Tailwind is bad; I think I am likely to use a limited utility styles approach more than I did in the past, and there are a couple of other things that are provoking thought in me, and I think it would be more suitable in apps than in marketing-style websites. But the total embodiment of it is not for me.)
In any big site "semantically meaningful classes" are a similar mess, and the duplication is both enormous and spread out and suffers from accidental cascades.
It doesn't seem to be getting better, sadly. You get posts like the op, where the author realizes there's something wrong with how they're doing things, but then misses that tailwind is a big part of it. Emperor has no clothes, so everyone else strips naked as well
1: https://pdx.su/blog/2023-07-26-tailwind-and-the-death-of-cra...
If I’m trying to debug this in the DevTools, I’m completely lost. Where are the rows? Where are the columns?
I mean, if you can't decipher the rows and the columns from that divs...maybe this is job is not for you? I understand, there could be some divs soup that are really hard to decipher, but this it not the case. Poor example, please bring more complex example with test associated.Everyone who works outside frontend will need to parse it a lot. Everyone who works in frontend will be able to project a more complex div soup they’ve experienced in their own projects.
You should still use appropriate tags like a, button, label, input and not div, div, div, div. Even apps have links
I vaguely remember (from 10+ years ago) that class selectors are much more performant than property selectors?
The only real get-out clause is if you’re a microenterprise: “an enterprise which employs fewer than 10 persons and which has an annual turnover not exceeding EUR 2 million or an annual balance sheet total not exceeding EUR 2 million”.
[1] https://eur-lex.europa.eu/legal-content/EN/TXT/?uri=CELEX%25...
In any case it is "Document 32019L0882" which does go into effect on June 28:
> Directive (EU) 2019/882 of the European Parliament and of the Council of 17 April 2019 on the accessibility requirements for products and services (Text with EEA relevance)
https://eur-lex.europa.eu/eli/dir/2019/882/oj/eng (I think this one is permanent)
The things I did most often I had bookmarklets for.
vivzkestrel•5h ago
SirSavary•5h ago
crab_galaxy•5h ago