#732: Early design review: Focusgroup

Visit on Github.

Opened Apr 26, 2022

Braw mornin' TAG!

I'm requesting a TAG review of Focusgroup.

We propose exposing a new web platform primitive—'focusgroup'—to facilitate focus navigation (not selection) using arrow keys among a set of focusable elements. This feature can then be used (without any JavaScript) to easily supply platform-provided focusgroup navigation into custom-authored controls in a standardized and predictable way for users.

Further details:

  • I have reviewed the TAG's Web Platform Design Principles
  • The group where the incubation/design work on this is being done (or is intended to be done in the future): Open UI
  • The group where standardization of this work is intended to be done ("unknown" if not known): Unknown
  • Existing major pieces of multi-stakeholder review or discussion of this design: There are some issues filed on Open UI's github repo.
  • Major unresolved issues with or opposition to this design: None (or should I say: none that I know of)
  • This work is being funded by: Microsoft Edge

You should also know that...

The implementation of the declarative markup part of this feature is mostly completed in Chromium. We still need to discuss further the CSS-part of the proposal before starting to implement it. We feel confident enough about our implementation of the declarative markup part of this feature to start Origin Trials as soon as soon as possible in order to get feedback from the web community and improve it before drafting the specifications.

We'd prefer the TAG provide feedback as:

💬 leave review feedback as a comment in this issue and @-notify @benbeaudry and @travisleithead.

Discussions

2022-05-09

Minutes

Lea: I think it's a first that focus can be controlled by CSS this way. No precedent. Not sure how it interacts with the HTML attribute.

Peter: something similar about navigation... TV set top box uses case...

Lea: i think it's an amazing idea - but departure from precedent. Says CSS values will override HTML values if they conflict. Like presentation attributes in SVG.

Dan: is this primarily or tangientally an accessibility thing?

Lea: I think it's an accessibility and usability thing

Dan: should we get accessibility people to look at it?

Lea: Can't hurt

2022-06-20

Minutes

Dan: noting a11y community feedback - nice to see.

Rossen: assume it's going to evolve through appropriate WGs..

Lea: corresponding attribute to element internals? how can componenets have it by default? Can see many use cases

Rossen: absolutely. Any type of list control. Good question. The example (19) is more or less exactly that.

Dan: this explainer is very developer mindset focussed. Not stating things in terms of the user need. What we're talking about is an accessibility issue, so what accessibility problem are we trying to solve. Is that spelled out?

Rossen: in the goals

Lea: not trying to solve a11y per se, but a developer pain point about accessible interfaces. Helps accessibility indirectly.

Rossen: and connecting the other end with ATs so they can build on top of this. No accessibility solution that don't includde 3 parties - developers, engines, and the screen reader / etc technologies. Unless all of these things work together you don't have an accessible solution. Which one of these are you asking about?

Dan: trying to parse the user need from the explainer. Could be better spelled out.

Lea: I'd like to see a response to the point in this comment - seems like a reasonable question.

Dan: can you amplify the question?

Lea: yeah

2022-08-22

Minutes

Dan: we've had feedback - added material around a11y in explainer. This is in response to Lea's feedback and could be addressed. Lea should review.

Dan: their PR 550

2022-08-29

Minutes

Lea: any movement?

Dan: not since June. A PR merged in mid June which is about a11y.

Lea: I don't have the a11y knowledge to evaluate how serious this concern is.

Dan: did Travis's comment address your issue? Not really

Lea: don't think it should be a blocker. Just a matter of doing it. the other thing is this person who raised this concern and I'm not sure how serious it is.

Dan: we could bring in external help?

Rossen: the overall issue that Paul raised was with some of the.. one of the examples which was addressed by the api itself and the ability to navigate through focus groups. The way I read this comment is I believe he was misled by the example in believing that the tab index in combination with focusgroup is going to be an issue. Which explicitly I think somewhere in the explainer.. section 6 focusgroup concept.. talking about overall interaction between tab index and how that extends to handling of focusgroup and focus. So generally speaking focus mangaement and focus itself is a fairly loaded issue on its own. I can help if I spend some time. Distanced myself since I was involved in the initial design, a couple of years ago. I don't see the concern from Paul as being something that should block progress.

Dan: close satisfied?

Lea: [comments] - can reiterate the thing about element internals? Anything about Paul's point?

Dan: could say please engage with the accessibility community to ensure they look at this. [APA]

Rossen: pretty sure they already have. Done in part with the help of the community. Not in a vacuum. But fine to remind them.

Agree to close

2022-08-29

Minutes

punt to plenary