HTML AccessibilityFor whatever reason some people don’t like the standard HTML checkbox and radio button, they seek to jazz ’em up and in the process the often jizz up the usability/accessibility of these controls. There are some good efforts out there to win over developers/designers to using native controls, or minimally customized controls. Here I provide […]
This article is republished here with updates as the source article can no longer be updated 🙁 In a 2018 article tables and beers I explained how browsers correctly represent table semantics of simple tables with either a row or column of headers. Thus alleviating the need to use the scope attribute to identify a […]
Regularly people link to or quote from some outdated version of a specification. This can be confusing and detrimental to understanding, if the information is no longer correct or relevant. Below are listed some references to Web Standards which should remain relevant and up to date for the foreseeable future. WCAG – https://www.w3.org/TR/WCAG/ This URL […]
aria-label is one of a number of secondary methods to label native HTML UI elements. It works particularly well on interactive elements, it also works well on most block level elements old skool term that have explicitly or implicitly defined structural roles. It works less well or not at all on text level semantics. It […]
aria-roledescription is not a label It is an alternative expression of the Aural UI of the role of an element. inappropriately using aria-roledescription may inhibit users’ ability to understand or interact with an element. ARIA 1.1 The wrong way to use aria-roledescription and call out someone as a fascist: code <img aria-roledescription=”fascist” src=”dt.PNG” alt=”Donald Trump”> […]
content-visibility is a new property defined in the draft CSS Containment Module Level 2 specification. It has been implemented in Chrome 85, you can read about its glory in content-visibility: the new CSS property that boosts your rendering performance What I am interested in is how it is exposed to screen readers and other assistive […]
Back in 2010 I wrote some advice on how to hide iframe elements from screen reader users: Making sure hidden frames are hidden 10 years on the advice is largely redundant. Some background HTML is an aural UI for screen reader users. Sometimes announcing the element name, when a user navigates to the element, makes […]
The reason why I started this blog now is that the Codepen blogging tool I had been using to write/publish personal articles is in process of being sunsetted. So I needed a place to post stuff to. Below are links to articles published on Codepen over the last few years: Article Published Exceedingly short note […]
Disclaimer The articles here will be about platform/browser/AT accessibility. Yes I am aware that accessibility is about more than screenreaders, but this is the stuff I write about. HTML5 Accessibility Support Updated – August 2020 Finally gotten around to updating the test results for latest Chrome (windows), Firefox (windows) and Safari (Mac desktop). Things are […]