SSastha Kl1d ago · 4 min readKeep focus inside the dialog (Web HIG tip #13)Open a modal on your site, the cookie settings, a confirm step, or a sign-in box, and press Tab a few times. If the focus ring disappears behind the dark overlay and lands on a link in the page undernthewebhig.hashnode.dev
AA11Y in Practice3d ago · 7 min readaria-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 preferencea11yinpractice.hashnode.dev
NNibbo3d ago · 3 min readHow to Check PDF Accessibility (WCAG 2.2 and PDF/UA) Before You Publish a Report or FormAnnual 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 Europnibbo.hashnode.dev
AAISOTools4d ago · 4 min readI ran axe-core on the 40 most popular WordPress themes: 9 of 13 block themes fail the same Navigation block checkI 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 rul1Eaiso-notes.hashnode.dev
NNibbo4d ago · 3 min readWCAG Color Contrast in Practice: 4.5:1, 3:1 and How to Fix a Failing Brand ColorAccessibility 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 1Enibbo.hashnode.dev
SSushil Barwal5d ago · 5 min readShipping a store to EU customers? What the European Accessibility Act means for the code you writeIf 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 frdzimark.hashnode.dev
SSastha KlOct 22 · 4 min readMake 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
SSastha KlOct 17 · 4 min readAdd 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 tha1Sthewebhig.hashnode.dev
SSastha KlOct 15 · 4 min readKeep 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 re1thewebhig.hashnode.dev
SSuprabhat KumarOct 15 · 6 min readWhy Minimal UI Improves Clarity and ConversionA 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 mi1suprabhatkumar.hashnode.dev
