Categories
HTML Accessibility

options for optgroup labeling of options

An ugly truth is that there are still interoperability issues with some of the native HTML controls and Screen readers. Even though these controls have been around since long before AI came to the rescue of our accessibility asses. A case in point is the expression of option group labels, AKA (Also Known As) <optgroup […]

Categories
HTML Accessibility

quick and very dirty target size checker

updated 29/08/23 WCAG 2.2 is almost upon us, many of us have started testing the new Success Criteria for paying clients. I wanted to find a way to speed up the testing of 2.5.8 Target Size (Minimum). What I produced with the help of ChatGPT is a quick and very dirty target size bookmarklet What does it […]

Categories
HTML Accessibility

aria-hasPopUp less is more

Updated 4th September 2023 I first tested and reported support in the critically acclaimed 2021 article hasPopup hasPoop. I then retested 09/02/2023 –  JAWS and NVDA, no change to results reported in 2021. Movement at the station latest testing… Elation The latest version of JAWS 2023 June update (released 20/6/2023) now supports all aria-haspopup values on […]

Categories
HTML Accessibility

ShatGPT

Failing at the first hurdle I am concerned. Not about Large Language Models (LLM)s doing me out of a job, but about the people who make money out of them not making their User Interfaces (UI)s accessible. Not about their ethical use, though there is plenty to be concerned about,  but about the accessibility and usability […]

Categories
HTML Accessibility

short note: why isn’t role=presentation/none allowed on focusable elements?

A friend and colleague pondered why ARIA role=presentation and its facsimile role=none is not allowed on focusable elements? The answer is, theses days, purely a function of implementation reality. It don’t work on interactive elements or indeed any focusable elements, regardless of their semantics. When role=none is used on a non-interactive element such as aside, […]

Categories
HTML Accessibility

Representation of style

Represents Elements in the DOM represent things; that is, they have intrinsic meaning, also known as semantics. The HTML spec tries hard to give <b> & <strong>, and <i> & <em> distinct and intrinsic meaning beyond the meaning that emerges from their visible default styles (and related aural styles): The i element Represents a span […]

Categories
HTML Accessibility

short note on figure and figcaption

In 2011 when I first started thinking about how best to map the semantics of figure/figcaption to accessibility API properties, the set of properties to choose from was limited as compared to 2022. What ended up being implemented in browsers was a naming relationship between the figure element and the figcaption element. The accessible name […]

Categories
HTML Accessibility

12 years beyond a HTML joke

Originally published February 2020, updated in March 2021. Updated again today after reading web standards fantasy It’s actually been longer (I remember being introduced to the outline algorithm in 2007), but 12 years is a number worth signifying. In 2020 2021  2022 as it was in 2010 the HTML specification defines an outline algorithm and […]

Categories
HTML Accessibility

aria-labelledby usage notes

Updated June 10th 2024 Like aria-label, aria-labelledby provides the opportunity for a developer to expose a short text string as the accessible name for an element. The mechanism to do so differs. While aria-label accepts a string of text, aria-labelledby accepts 1 or more id values (NOT a STRING OF TEXT). The same opportunity is […]

Categories
HTML Accessibility

(not so) short note on being owned

aria-owns is surprisingly strong magic aria-owns allows developers to restructure the parent-child relationships in the accessibility tree. This means that screen reader users may experience a different semantic structure and meaning to other users when they navigate and interact with content using their screen readers virtual/browse mode. Accessibility Tree Tree of accessible objects that represents […]