I wuz reviewing a best practice issue being developed for TetraLogical and wanted to check the verascity of a statement it contained.
the information provided in the
title
attribute is not accessible to users navigating with a keyboard or touch devices, as they cannot hover over elements to view the content.
I know this was true in the past, but am also aware that Chrome fixed this so it is largely available on interactive content, of the rest who knows?
try it for yourself
- Open the test page in your browser
- on desktop device or touch device with external keyboard: focus each interactive element using the tab key
- on touch device: place focus on each interactive control
See the Pen
Untitled by steve faulkner (@stevef)
on CodePen.
Some Results
- Chrome 128.0.6613.85 (64-bit) – Mostly
- Firefox 129.0.2(64-bit) – No
- Safari 17.2 – No
- Chrome 127.0.6533.100 (arm64) – No
- Android 14 running Chrome 127.0.6533.106 and Firefox 129.0.2: (tested using an actual external keyboard paired with the device through Bluetooth) – No
- iOS 17.6.1: Safari, Chrome (331.0), and Firefox (130.0) – No
Like the rest of the web platform, interoperability is key to accessibility support. It is safe to say at this time (September 2024) that the display of title
attribute content on keyboard focus is not implemented interoperably.
Thanks to Graeme Coleman for the Android/iOS test results
2 replies on “prayer for the un-entitled user”
hey Steve – did you mean Chrome 128 ??
Hey Mark, yes i did, fixed now thanks!