Scroll marker group type

By setting the scroll-marker-group type you can switch between tabs and links. The two examples below show use cases where you would want to use one or the other.

Tabs

Introduction

Slides should follow the tabs pattern.

Focus

There are a number of implicit focus behaviors:

Only the active slide marker is a tab focus stop.
Pressing up/down/left/right will move focus between markers and scroll between slides.
The marker is a focus navigation scope owner for its contents. This means focus will move from the tab to its contents and vice versa.

Accessibility roles and behaviors

Tabs implicitly implement the expected tab semantics. In particular,

The scroll marker group is a role=tablist containing role=tab elements
The minimum role of the contents is role=tabpanel
Only the active tabpanel is in the accessibility tree.

Conclusion

In summary, these implicit behaviors aim to align with the expectations of a carousel with markers.

Links

Introduction

When using scroll markers as navigational markers to scroll to particular content, it should use the links mode to behave as a navigation landmark.

Lorem ipsum

Focus Behavior

The focus behaves just as a list of links that occur before the content. In particular:

All markers are tab stops.
Arrow keys do not move between markers, they scroll the page as usual.
Pressing enter to activate a scroll marker will, like following an anchor link, scroll to its target element and set the sequential focus navigation starting point to the target meaning that subsequent tab presses will move focus starting from that content.

Roles

The scroll marker group will have role=navigation and each scroll marker will have role=link.

No other elements get default roles.

Lorem ipsum