Fake Tabs

A fake tab looks like a normal tab, but is actually just a link to a new page.

‚Äč

My eBay activity, messages and account links that appear like tabs

Introduction

A list of links with the appearance of tabs.

Fake tabs is a navigation pattern. The "tabs" are simply a list of links with no additional JavaScript behaviour.

For dynamic tabs that hide & show content, please consult the disclosure tabs pattern.

Working Examples

View a fully styled example with eBay Skin Tabs.

Best Practices

The section is not yet available.

Interaction Design

This section provides interaction design for keyboard, screen reader and pointing devices.

Keyboard

Tab key navigates the fake tabs.

Enter key activates the fake tab (i.e. it navigates to the link href).

The currently "selected" fake tab remains in the tabindex.

Screen Reader

The currently "selected" fake tab is announced as the "current" item (exact words may differ depending on the screen reader).

Developer Guide

The section is not yet available.

In the meantime you can consult the bones project for required markup.