Tag

#a11y

266 posts25 followers

Explore Hashnode

Alternatives

aria-selected on tabs: the selected tab that lies (WCAG 4.1.2)

The Notifications tab is open. Its panel is on screen: "Choose which email and push alerts you receive." Then VoiceOver lands on the other tab and says Account, selected, tab, 1 of 2, Alert preference

a11yinpractice.hashnode.dev

Nibbo1d ago · 3 min read

How to Check PDF Accessibility (WCAG 2.2 and PDF/UA) Before You Publish a Report or Form

Annual reports, government forms, course handouts, product manuals: PDFs are still how a lot of important information gets published. And many of them are unusable with a screen reader. With the Europ

nibbo.hashnode.dev

AISOTools2d ago · 4 min read

I ran axe-core on the 40 most popular WordPress themes: 9 of 13 block themes fail the same Navigation block check

I ran axe-core against the wordpress.org preview of the 40 most popular WordPress themes this morning (api.wordpress.org browse=popular, WordPress 7.1.3, axe-core 4.11.1, WCAG 2.0/2.1/2.2 A and AA rul

1 aiso-notes.hashnode.dev

Nibbo2d ago · 3 min read

WCAG Color Contrast in Practice: 4.5:1, 3:1 and How to Fix a Failing Brand Color

Accessibility audits fail on color contrast more than on anything else. It's also one of the easiest issues to fix, once you know which ratio applies to which element and how to nudge a color without

1 nibbo.hashnode.dev

Sushil Barwal3d ago · 5 min read

Shipping a store to EU customers? What the European Accessibility Act means for the code you write

If you build or maintain an online shop, booking system or app that EU consumers can buy from, the European Accessibility Act (EAA) now applies to more of your work than you might think. It applies fr

dzimark.hashnode.dev

Sastha KlOct 22 · 4 min read

Make targets big enough to hit (Web HIG tip #12)

Open your site on a phone and try to tap the "×" that closes a banner, the edit icon in a table row, or the second of three pagination numbers. If you hit the wrong one, or have to zoom in first, the

thewebhig.hashnode.dev

Sastha KlOct 17 · 4 min read

Add a skip link (Web HIG tip #11)

Load your site, click the address bar, and press Tab. Count how many presses it takes to reach the first thing in the main content. Every one of those stops is a logo, a nav link, or a menu toggle tha

1 thewebhig.hashnode.dev

Sastha KlOct 15 · 4 min read

Keep focus visible (Web HIG tip #10)

Press Tab on your own site. If you can't tell where you are after two or three presses, neither can anyone who navigates by keyboard. Somewhere in the CSS, a focus ring was switched off and nothing re

thewebhig.hashnode.dev

Suprabhat KumarOct 15 · 6 min read

Why Minimal UI Improves Clarity and Conversion

A professional website has a demanding job. It must explain who the organization or person is, establish credibility, help visitors find relevant evidence, and make the next step obvious. Clean and mi

suprabhatkumar.hashnode.dev

Suprabhat KumarOct 15 · 7 min read

Frontend Code Review Checklist for Safer Releases

A front-end review should answer a larger question than "does the code compile?" It should establish whether the change works for real users, remains understandable to the team, and behaves safely und