| ▲ | Don't put aria-label on generic elements like divs(matuzo.at) |
| 66 points by cyanbane 4 days ago | 38 comments |
| |
|
| ▲ | Xirdus 4 hours ago | parent | next [-] |
| Speaking of WebAccessibilityFails, the article overflows to the left without a scrollbar when viewed on a phone narrower than an iPhone, making the first word of every line unreadable (and there are a lot of lines on a phone narrower than an iPhone). |
| |
| ▲ | jnovek 4 hours ago | parent | next [-] | | I keep my browser zoomed in substantially to compensate for uncorrectable vision issues. I’d say perhaps once per day I’ll encounter a website that has never had zoom in/out (ctl +/-) tested because if you zoom up even one level from 100%, everything breaks. There are several equally useless failure modes I’ve seen with this, a few off the top of my head: - rendering fails, everything falls apart
- some elements disappear
- it drops into the feature-limited mobile view
- the author or framework overrides zoom with some other behavior — this one makes me especially crazy because they had to do *extra work* to screw up accessibility
Certain websites are impossible for me to use and I just avoid them. | | |
| ▲ | Joker_vD an hour ago | parent | next [-] | | I remember seeing a website that had <html style="font-size: XXX%"> for the top-level element, and had JS that would dynamically recalculate that percentage on every resize event to keep the visual font size almost (exactly) constant. Made me think for a moment that my mouse wheel broke. | | |
| ▲ | masfuerte an hour ago | parent [-] | | The modern version is to use @media to achieve the same annoying effect without js. Fortunately, there's a finite number of rules so I've found that if you zoom far enough the text does actually start getting larger. Though I expect that someone's already figured out how to use CSS Math to keep text tiny at all zoom levels. | | |
| |
| ▲ | pbalau 3 hours ago | parent | prev [-] | | > I’d say perhaps once per day I’ll encounter a website that has never had zoom in/out (ctl +/-) tested because if you zoom up even one level from 100%, everything breaks Just tested, hn breaks if you zoom >110%. | | |
| ▲ | oneeyedpigeon 3 hours ago | parent | next [-] | | How does it break for you? Seems OK to me on android — in fact, I already had it at 110%. Reminded me to check my desktop settings which have HN fixed at 125%. I cannot believe that, in 2026, the default font size is set at 12px — is anyone actually reading it at that size?! | | |
| ▲ | voidUpdate an hour ago | parent | next [-] | | I leave HN on default everything, but I have a 1080p monitor so it might look bigger for me than someone with a higher resolution monitor... I don't know how that works. But I often have to zoom out of websites linked here because the text is so big and it feels uncomfortable to read | |
| ▲ | pbalau an hour ago | parent | prev | next [-] | | For some reason I though the GP was talking about browsing on mobile, where I have the issue: https://imgbox.com/EiovsE5b
https://imgbox.com/A4Fl9lE9 | |
| ▲ | ryandrake 2 hours ago | parent | prev [-] | | > I cannot believe that, in 2026, the default font size is set at 12px — is anyone actually reading it at that size?! The very first "quality of life" thing I do when I install a new computer / operating system nowadays is double (sometimes triple) the default font size. 12pt was probably fine when our monitors were 640x480, and when we were 18 years old. |
| |
| ▲ | jabroni_salad 2 hours ago | parent | prev | next [-] | | I browse everything at 125% and HN is fine on my machine so I decided to check. It depends on your width. 1080px wide (aka on my vertical monitor) HN comments stop reflowing > 300% At 1920px wide it never stops reflowing. | | | |
| ▲ | cestith 3 hours ago | parent | prev [-] | | Which platform is this on? I usually read hn on a desktop browser, and it works fine well above 110% there. | | |
|
| |
| ▲ | uallo 3 hours ago | parent | prev | next [-] | | This is caused by using CSS grid with "minmax(auto, 57rem)" and an overflowing table. It can be fixed with adding "safe" to "justify-content: safe center" that is defined on main. https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/P... | | |
| ▲ | ryandrake 2 hours ago | parent [-] | | Funny how the problem itself is created by CSS, and the solution is "more CSS." On the other hand, bare HTML tends to be extremely accessible and lacks these kinds of basic problems with panning, zooming, and scrolling. |
| |
| ▲ | kid64 28 minutes ago | parent | prev [-] | | The most infuriating case I've seen within the last few days is the Airbnb CAPTCHA, which relies on the user being able to see content that is blocked at zoom levels over 100%. They have an alternative audio option that they've clearly never tested; it always reports failure, even if the CAPTCHA was solved correctly. Unthinkable for an organization with their resources. |
|
|
| ▲ | injidup 4 hours ago | parent | prev | next [-] |
| The irony of a tool designed to enforce usability and discoverability that which itself is unusable and undiscoverable. |
|
| ▲ | 542458 4 hours ago | parent | prev | next [-] |
| While web accessibility is important and something we should be investing in, I do feel that the vendors of accessibility tools are somewhat to blame here in how friggin difficult it is to actually make something accessible. Quirks and features are wildly inconsistent across tools, and feature uptake is much slower than it should be. For example, creating an accessible dialog shouldn’t be a multi-page essay to explain, it should just be “use the <dialog> element.” - but the a11y tools are so inconsistent that you can’t just do the standards compliant thing. And don’t get me started on roving tabindex techniques (for things like data tables), which are at best an ugly hack that the entire industry has collectively decided “eh, it’s good enough”. Even what's described in the article basically boils down to "You can label things, but not generic things (for some reason?), unless that generic thing is a <section> or has a popover attr in which case it magically works." And this isn't even one of the "hard" accessibility things! |
| |
| ▲ | karlshea 2 hours ago | parent | next [-] | | This is spot on. They are ripe for getting entirely wiped out by AI, and good riddance tbh. My personal gripe is their refusal to support restarting heading levels within sections, causing whole classes of problems with CMS templating. | |
| ▲ | jugglinmike an hour ago | parent | prev [-] | | ARIA-AT is a W3C Community Group (of which I'm a member) trying to address this problem: https://aria-at.w3.org/about |
|
|
| ▲ | goda90 4 hours ago | parent | prev | next [-] |
| Left part of the page is cut off and only accessible with reader mode on IronFox for Android. Talk about #WebAccessibilityFails |
|
| ▲ | DocTomoe 12 minutes ago | parent | prev | next [-] |
| Ever since the EU has started to mandate web accessibility compliance - without defining what exactly needs to be done to be compliant, the only safe, lawyer-resistant way is to put aria-labels on absolutely everything. It sucks, and arguably has the opposite effect, but this came from the same people who thought cookie banners were a good solution to anything, so ... what did we expect? |
|
| ▲ | chrismorgan 3 hours ago | parent | prev | next [-] |
| Two days ago, in https://news.ycombinator.com/item?id=48248285 I commented on exactly this thing, a <dl aria-label=…> (dl has “no corresponding role”). |
|
| ▲ | paulryanrogers 4 hours ago | parent | prev | next [-] |
| Zoom bug reading this article. Perhaps it's just my Firefox? Still, a nice concise read if you can get it |
|
| ▲ | jrochkind1 3 hours ago | parent | prev | next [-] |
| today i learned there are browser built-in popovers now. |
| |
| ▲ | karlshea 2 hours ago | parent [-] | | Those have been there for a bit, what is more recent is CSS anchor positioning which lets you position the popover near the item that triggered it. It’s all finally very nice! |
|
|
| ▲ | micromacrofoot 30 minutes ago | parent | prev | next [-] |
| it's fine as long as you add an appropriate role |
|
| ▲ | recursivedoubts 4 hours ago | parent | prev | next [-] |
| No one has done more damage to web accessibility than the web accessibility industry. Arcane rules like this make any sane developer throw up their hands in disgust. I think the accessibility consultants like this state of affairs: they can threaten more lawsuits and extract more in consulting fees. |
| |
| ▲ | jbreckmckye a minute ago | parent | next [-] | | > I think the accessibility consultants like this state of affairs: they can threaten more lawsuits and extract more in consulting fees. It's worse. A lot of the assistive technology (AT) vendors, also sell consultancy Go to the Vispero careers hub (who develop JAWS for Windows) and most of the jobs are remote Indian consultancy roles advising clients on accessibility errors and selling for billable hours | |
| ▲ | micromacrofoot 28 minutes ago | parent | prev | next [-] | | It's not really arcane, a div is meaningless because it's simply a container. If you want it to have meaning you can't just add a label. If I put the word "button" on a rock, it doesn't make it a button. That's the same story here. | |
| ▲ | nostats 2 hours ago | parent | prev [-] | | Is this an arcane rule? "Don't label divs" and "aria-label is for when there's no content in the DOM that can be read" are pretty simple rules. Labels are ways to tell a screen reader about content it can't read, like an image or icon. Pretty straightforward. It's way way simpler than, say, var hoisting in JavaScript. | | |
| ▲ | bryanrasmussen 26 minutes ago | parent [-] | | it's a somewhat stupid rule. People process information differently visually than they do via aural methods. If you have a reason why something should not be read by a screen reader, because say the order you would be reading it makes sense visually but not at all aurally, then you have to jump through hoops to visually hide the aural content, and then aria-hide the visual content, and there may be more complicated things dependent on button position etc. Not be able to aria-label anything and have the screen reader say ok I take that in priority seems badly thought out. Also - screenreaders could have a setting to read aria-label on divs and then read the content if the user wanted it. If the user determined the labels on divs were inadequate, they would flip this setting, if they decided this seems to be working well they would just go with what the site does. |
|
|
|
| ▲ | htx80nerd an hour ago | parent | prev | next [-] |
| why is this even a post - this is common sense not 'hacker news' |
|
| ▲ | nailer 4 hours ago | parent | prev [-] |
| Avoid aria tags. The spec is unworkable (see this document) the browsers made by the disability industry extract vast quantities of money from disabled people with little effectiveness because they try and boil the ocean which unsurprisingly is ineffective. Support efforts for computer vision based browsers, MCP and APIs. |
| |
| ▲ | jraph 3 hours ago | parent | next [-] | | > MCP Respectfully screw making users rely on AI for accessibility. Just make the damn page accessible already. Actually, more like make sure you don't break the accessibility that's there by default with correctly written plain HTML. | |
| ▲ | RobMurray an hour ago | parent | prev | next [-] | | To hell with using vision based AI for web accessibility. it really isn't that hard to get right. Semantic html is already accessible. ARIA can help when devs want to use the wrong elements for some reason or for custom controls. | |
| ▲ | ramblurr 4 hours ago | parent | prev [-] | | What document? Do you have any sources to back these claims up? |
|