New
<section>
<h3 id="tablist-1">Tab Title</h3>
<div class="tab-v2">
<div class="tab-v2__controls">
<div class="tab-v2__list" role="tablist" aria-labelledby="tablist-1">
<button class="tab-v2__btn" id="tab-1" type="button" role="tab" aria-selected="true"
aria-controls="tabpanel-1" tabindex="-1">
Option 1
</button>
<button class="tab-v2__btn" id="tab-2" type="button" role="tab" aria-selected="false"
aria-controls="tabpanel-2" tabindex="-1">
Option 2
</button>
</div>
<div class="tab-v2__scroll" aria-hidden="true">
<button tabindex="-1" class="tab-v2__scroll-left"></button>
<button tabindex="-1" class="tab-v2__scroll-right"></button>
</div>
</div>
<div class="tab-v2__body">
<div id="tabpanel-1" role="tabpanel" aria-labelledby="tab-1">Content 1</div>
<div id="tabpanel-2" role="tabpanel" aria-labelledby="tab-2" class="hidden">Content 2</div>
</div>
</div>
</section>
The Tabs component follows the directives set by W3C and can be referenced at https://www.w3.org/WAI/ARIA/apg/patterns/tabs/examples/tabs-manual/.
Pay attention to the accessibility indicators shown in the structure section. Javascript will act to correct certain errors related to attributes, but it is important that they are placed before the code is applied so that the elements have semantic values when the page loads.
For disabling tabs it is just to apply the class tab__btn--disabled to the tab and the Javascript code will recognize the change. Do the opposite to enable a tab again.
Example:
<button class="tab-v2__btn tab-v2__btn--disabled" id="tab-2" type="button" role="tab" aria-selected="false" aria-controls="tabpanel-2" tabindex="-1">Option 2 </button>
Maria Theresia Ahlefeldt (16 January 1755 – 20 December 1810) was a Danish, (originally German), composer. She is known as the first female composer in Denmark. Maria Theresia composed music for several ballets, operas, and plays of the royal theatre. She was given good critic as a composer and described as a “ virkelig Tonekunstnerinde ” ('a True Artist of Music').
Carl Joachim Andersen (29 April 1847 – 7 May 1909) was a Danish flutist, conductor and composer born in Copenhagen, son of the flutist Christian Joachim Andersen. Both as a virtuoso and as composer of flute music, he is considered one of the best of his time. He was considered to be a tough leader and teacher and demanded as such a lot from his orchestras but through that style he reached a high level.
Ida Henriette da Fonseca (July 27, 1802 – July 6, 1858) was a Danish opera singer and composer. Ida Henriette da Fonseca was the daughter of Abraham da Fonseca (1776–1849) and Marie Sofie Kiærskou (1784–1863). She and her sister Emilie da Fonseca were students of Giuseppe Siboni, choir master of the Opera in Copenhagen. She was given a place at the royal Opera alongside her sister the same year she debuted in 1827.
Peter Erasmus Lange-Müller (1 December 1850 – 26 February 1926) was a Danish composer and pianist. His compositional style was influenced by Danish folk music and by the work of Robert Schumann; Johannes Brahms; and his Danish countrymen, including J.P.E. Hartmann.
Maria Theresia Ahlefeldt (16 January 1755 – 20 December 1810) was a Danish, (originally German), composer. She is known as the first female composer in Denmark. Maria Theresia composed music for several ballets, operas, and plays of the royal theatre. She was given good critic as a composer and described as a “ virkelig Tonekunstnerinde ” ('a True Artist of Music').
Carl Joachim Andersen (29 April 1847 – 7 May 1909) was a Danish flutist, conductor and composer born in Copenhagen, son of the flutist Christian Joachim Andersen. Both as a virtuoso and as composer of flute music, he is considered one of the best of his time. He was considered to be a tough leader and teacher and demanded as such a lot from his orchestras but through that style he reached a high level.
Ida Henriette da Fonseca (July 27, 1802 – July 6, 1858) was a Danish opera singer and composer. Ida Henriette da Fonseca was the daughter of Abraham da Fonseca (1776–1849) and Marie Sofie Kiærskou (1784–1863). She and her sister Emilie da Fonseca were students of Giuseppe Siboni, choir master of the Opera in Copenhagen. She was given a place at the royal Opera alongside her sister the same year she debuted in 1827.
Peter Erasmus Lange-Müller (1 December 1850 – 26 February 1926) was a Danish composer and pianist. His compositional style was influenced by Danish folk music and by the work of Robert Schumann; Johannes Brahms; and his Danish countrymen, including J.P.E. Hartmann.