Firefox and Safari don't show the title-produced tooltip on :focus, only on :hover! Chromium browsers do and so did pre-Chromium Edge and IE10+ (see https://www.24a11y.com/2017/the-trials-and-tribulations-of-the-title-attribute/).
Live test https://codepen.io/thebabydino/pen/JjBBbqr
#html #a11y #css #code #coding #frontend #webDev #webDevelopment
Ana Tudor 🐯 /
npub1wz…u2nuu
2024-01-19 13:01:42
Author Public Key
npub1wzrcns4nynt3aegu8qvxyffxu8k6rahtmx5ll6ap7z24f036y43q0u2nuuPublished at
2024-01-19 13:01:42Event JSON
{
"id": "0b24b840f38bfb1b24e429d2ac80336a01eb5ff059b1a1c6f73faacbf5b834c7",
"pubkey": "708789c2b324d71ee51c3818622526e1eda1f6ebd9a9ffeba1f09554be3a2562",
"created_at": 1705669302,
"kind": 1,
"tags": [
[
"t",
"html"
],
[
"t",
"a11y"
],
[
"t",
"css"
],
[
"t",
"code"
],
[
"t",
"coding"
],
[
"t",
"frontend"
],
[
"t",
"webdev"
],
[
"t",
"webdevelopment"
],
[
"proxy",
"https://mastodon.social/users/anatudor/statuses/111782743409612885",
"activitypub"
]
],
"content": "Firefox and Safari don't show the title-produced tooltip on :focus, only on :hover! Chromium browsers do and so did pre-Chromium Edge and IE10+ (see https://www.24a11y.com/2017/the-trials-and-tribulations-of-the-title-attribute/).\n\nLive test https://codepen.io/thebabydino/pen/JjBBbqr\n\n#html #a11y #css #code #coding #frontend #webDev #webDevelopment",
"sig": "6fa0ea307e14a1b757318fe82137e3b7dfb9af8d7608192015b07a9339d33a05035b37a898633407bf365772679c1d88a22bf2ae8d55194b1527a7a62fb427fc"
}