yes indeed - this is no option at all: „Not showing it on mobile devices is one of the options - I am completely against that idea“ #popover #mobile #a11y

discussion about important content in popovers is useless. who will define if content is „important“ enough to show on mobile?
https://utilitybend.com/blog/html-popovers-shown-on-interest-should-be-accessible-on-mobile-devices/

HTML popovers shown on interest should be accessible on mobile devices | utilitybend

A new HTML feature, popover=hint, lets developers create hover-triggered popovers. This article is all about the accessibility on touch devices.

And another one, the HTML validator does indeed now also support the `popoper*` attributes.

(I wonder if I slowly turn into a maintainer…)

https://validator.w3.org/

#html #popover

The W3C Markup Validation Service

W3C's easy-to-use markup validation service, based on SGML and XML parsers.

#Development #Explorations
A first look at the Interest Invoker API · Playing around with hover-triggered popovers https://ilo.im/165lbk

_____
#Tooltips #Popover #Invoker #API #Chrome #Browser #WebDev #Frontend #HTML #CSS

A First Look at the Interest Invoker API (for Hover-Triggered Popovers) | CSS-Tricks

Chrome 139 is experimenting with Open UI’s proposed Interest Invoker API, which would be used to create tooltips, hover menus, hover cards, quick actions, and other types of UIs for showing more information with hover interactions.

CSS-Tricks

Let's build an Accessible Menu with Modern Web Features: A step by step guide, using the Popover API and CSS Anchor Positioning.
https://oidaisdes.org/accessible-popover-menu.en

#a11y #webdev #accessibility #css #popover #webdesign

Let's build an Accessible Menu with Modern Web Features

A step by step guide, using the Popover API and CSS Anchor Positioning.

#Development #Guides
What is HTML popover=hint? · Its function and relation to interest invokers https://ilo.im/1657qt

_____
#ModernCSS #Popover #Invokers #Tooltips #Chrome #Browser #WebDev #Frontend #CSS

una.im | What is popover=hint?

Learn about what exactly this new popover feature does and how it relates to interest invokers.

The #popover #api is now baseline and will make #accessible #megamenus easier
#backwardcompatibility issue:

if (!('Popover' in window)) {

load old script
}

Has anyone ever tried this? I am worried about the time delay and ask myself if I should just wait a while ....

@lolaodelola podcast this week features @hdv

https://pods.link/ep/i/1000709138784

I love this podcast you should check it out
#browsers #a11y #popover

Demystifying Popover Accessibility

Listen now on your favorite streaming service. Powered by Songlink/Odesli, an on-demand, customizable smart link service to help you share songs, albums, podcasts and more.

Songlink/Odesli

TFW...

You get all ramped up to use awesome #CSSWG features like Anchor Position and #OpenUI features like #popover and you run into nuanced blockers point you towards having to go back to the bad old days... 😖

Hello `transform: ...` and wanting to break clipping but only _some_ stacking. 🤔

Also, I've love to have the Popover API in CSS so that I could pop a pseudo element over my UI. 🤞

#webDev #CSS #isItTheFutureYet

#Development #Approaches
Glossary web component · A slick way to add links and context to your content https://ilo.im/163pvz

_____
#Glossary #Content #Markdown #JSON #Popover #WebComponent #WebDev #Frontend #HTML #JavaScript

Glossary Web Component

The one where I put the hypercard in the hyperlink

dbushell.com