Accessibilty

Reference Link:

Acceptance Considerations/ Criteria/ Requirements

As a user I want to be able to control the tabs interface with my keyboard
Description not finished

For the tab list:

Tab: When focus moves into the tab list, places focus on the active tab element . When the tab list contains the focus, moves focus to the next element in the page tab sequence outside the tablist, which is typically either the first focusable element inside the tab panel or the tab panel itself.
When focus is on a tab element in a horizontal tab list:

Left Arrow: moves focus to the previous tab. If focus is on the first tab, moves focus to the last tab.
Right Arrow: Moves focus to the next tab. If focus is on the last tab element, moves focus to the first tab.

When focus is on a tab in a tablist with either horizontal or vertical orientation:

Space or Enter: Activates the tab if it was not activated automatically on focus.
As the City the selected tab must use the Cities primary colour 'City Blue

As a developer I want to be able to add a tab that includes the name and content