Department leads
Departmental hubs
Split a hub by audience so each group reaches its own content first.
Content Creation
Tabs for SharePoint
Group related content into clear tabbed views that behave exactly as assistive technology expects.
Tabs groups related content into a keyboard-accessible tab strip that becomes a stacked accordion on small screens.
Interactive preview
A working tab strip. Use the arrow keys, Home and End to move between tabs.
Raise a request
Submit hardware, software, and access requests from one form, with approval routed to your manager.
Self-service guidance
Step-by-step articles covering the questions the service desk answers most often.
Reach the team
Opening hours, escalation paths, and the number to call for urgent incidents.
Follows the WAI-ARIA tabs pattern, so selecting a tab never moves focus away from the tab strip.
Capabilities
What Tabs does
- Unlimited tabs
- Add as many panels as the content needs, each with its own heading and body.
- Icons and counts
- Optionally show an icon or a numeric badge alongside each tab label.
- Deep linking
- Share a link that opens the page with a specific tab already selected.
- Responsive fallback
- Converts to a stacked accordion on narrow screens so nothing is cut off.
- Lazy loading
- Defer heavy panel content until a tab is opened, keeping initial load fast.
- Theme aware
- Tab styling follows your SharePoint theme with contrast preserved.
Accessibility conformance
Tabs is developed and tested against WCAG 2.2 AA and is suitable for inclusion in an accessibility conformance report.
- Implements the WAI-ARIA tabs pattern with
tablist,tab, andtabpanelroles. - Arrow keys move between tabs, with Home and End jumping to the first and last.
- A roving tabindex keeps the tab strip to a single stop in the page tab order.
- Selected state is conveyed through
aria-selectedas well as visual styling. - Tab labels meet Target Size (Minimum) and never rely on truncated text alone.
- The accordion fallback keeps the same content and heading structure on small screens.
In practice
Where teams use it
Service owners
Service catalogues
Separate request, guidance, and contact views without three pages.
Product teams
Product pages
Keep overview, specification, and support distinct but on one page.
Regional teams
Regional pages
Group information by location without duplicating the whole page.
Live demo
See it in action
This tab strip runs on the page and uses the same keyboard model as the web part.
Employee services
What the service covers
Scope, ownership, and the service levels each request type is measured against.
Technical detail
Supported devices, prerequisites, and the data each request records.
Getting help
How to raise an incident, what to include, and expected response times.
Who owns it
Service owner, deputy, and the distribution list for questions.
Demonstration content only. On a narrow screen the web part converts this strip into a stacked accordion.
Screenshot placeholder Tab configuration pane with icons and counts. Image to be supplied.
Screenshot placeholder Published tabs on desktop and the accordion fallback on mobile. Image to be supplied.
Environment
Compatibility and requirements
Items marked To be confirmed are pending final product documentation and are not a statement of support.
| Microsoft 365 | Any Microsoft 365 subscription that includes SharePoint Online. |
|---|---|
| SharePoint | SharePoint Online modern pages, including communication sites and team sites. SharePoint Server support: To be confirmed |
| Microsoft Teams | To be confirmed Availability as a Teams tab has not yet been published. |
| SPFx version | To be confirmed Supplied with the release notes for your package version. |
| Browsers | Current versions of the browsers supported by Microsoft 365 on Windows, macOS, iOS, and Android. |
| Devices | Desktop, tablet, and mobile. Layouts reflow for narrow screens. |
| Permissions to install | A SharePoint administrator uploads the package to the tenant app catalogue. Site owners then add the web part to a page. |
| API permissions requested | To be confirmed The permission set requested at deployment is listed in the installation guide. |
| Other requirements | No server-side components, database, or additional licences beyond your existing Microsoft 365 subscription. |
Trust
Security and privacy
Tabs runs inside your tenant as a SharePoint Framework solution and follows the permissions already assigned to each page.
Data handling
Content and settings are stored with the page in SharePoint. The web part does not create a separate data store.
External services
The web part renders content from your own tenant. Any external service is one your authors choose to embed.
API permissions
Permissions requested at deployment are listed in the installation guide and approved by an administrator before use. Details to be confirmed
Tenant and access control
Content inherits SharePoint permissions. Readers see it only if they can already open the page it sits on.
Getting started
From order to published page
Purchase
Send us your tenant details and user count. We confirm licensing and issue the package and licence key.
Install
A SharePoint administrator uploads the package to the tenant app catalogue and approves the requested permissions.
Configure
Site owners add the web part to a modern page and set its options in the property pane.
Use
Authors edit the content while editing the page. Changes publish with the page, with no further deployment.
Your package
What you receive
Product
The Tabs SPFx package, ready to upload to your tenant app catalogue.
Updates
Fixes and improvements released during your licence term, with release notes for each version.
Support
Email support for installation, configuration, and troubleshooting questions.
Documentation
Installation, configuration, and author guidance written for SharePoint administrators and site owners.
Licence
A tenant licence key and the licence terms for your records and procurement review.
Accessibility evidence
A conformance summary covering WCAG 2.2 AA testing, available for your accessibility reporting.
Answers
Frequently asked questions
Does selecting a tab move focus?
Following the ARIA pattern, focus stays on the tab. Readers can press Tab once to move into the panel.
Is hidden tab content indexed by search?
Yes. Panel content remains part of the page, so SharePoint search indexes every tab.
How many tabs are practical?
We recommend up to six for readability. Beyond that, the accordion layout is usually the better choice.
Organise your page with Tabs
Tell us about your environment and we will confirm licensing, rollout steps, and an accessibility conformance summary for your records.