diff --git a/content/about/coverage-and-quality/coverage-and-quality-report.html b/content/about/coverage-and-quality/coverage-and-quality-report.html index 19b95c3198..95f9be2669 100644 --- a/content/about/coverage-and-quality/coverage-and-quality-report.html +++ b/content/about/coverage-and-quality/coverage-and-quality-report.html @@ -2030,11 +2030,11 @@

Coding Practices

Yes ex1 - 6 + 5 3 7 3 - menu,menuitem,presentation,aria-expanded,aria-haspopup,aria-hidden,aria-label + menu,menuitem,aria-expanded,aria-haspopup,aria-hidden,aria-label Tabs with Automatic Activation diff --git a/content/patterns/tabs/examples/css/tabs-actions.css b/content/patterns/tabs/examples/css/tabs-actions.css index e72dd9e389..61712c3ad6 100644 --- a/content/patterns/tabs/examples/css/tabs-actions.css +++ b/content/patterns/tabs/examples/css/tabs-actions.css @@ -76,7 +76,7 @@ ); } -[role="tablist"] > [role="presentation"] { +[role="tablist"] > .tab-wrapper { display: flex; } @@ -129,14 +129,13 @@ } [role="tab"][aria-selected="true"], -[role="presentation"]:has([role="tab"][aria-selected="true"]) { +.tab-wrapper:has([role="tab"][aria-selected="true"]) { color: hsl(var(--color-1-hue) var(--color-1-sat) var(--light-min)); background-color: hsl(var(--color-1-hue) var(--color-1-sat) var(--light-max)); } [role="tablist"] > [role="tab"][aria-selected="true"], -[role="tablist"] - > [role="presentation"]:has([role="tab"][aria-selected="true"]) { +[role="tablist"] > .tab-wrapper:has([role="tab"][aria-selected="true"]) { border-radius: 0; border-block-end-color: hsl( var(--color-1-hue) var(--color-1-sat) var(--light-max) @@ -144,8 +143,7 @@ } [role="tablist"] > [role="tab"][aria-selected="true"]::after, -[role="tablist"] - > [role="presentation"]:has([role="tab"][aria-selected="true"])::after { +[role="tablist"] > .tab-wrapper:has([role="tab"][aria-selected="true"])::after { content: ""; position: absolute; inset-block-start: calc(-1 * var(--selected-tab-accent-block-size)); diff --git a/content/patterns/tabs/examples/js/tabs-actions.js b/content/patterns/tabs/examples/js/tabs-actions.js index 7caa8718c6..aed6e51523 100644 --- a/content/patterns/tabs/examples/js/tabs-actions.js +++ b/content/patterns/tabs/examples/js/tabs-actions.js @@ -87,7 +87,7 @@ class TabsManual { } getClosestTabWrapper(el) { - return el ? el.closest('[role="presentation"]') : null; + return el ? el.closest('.tab-wrapper') : null; } getTabpanelAssociatedWithTab(tab) { diff --git a/content/patterns/tabs/examples/tabs-actions.html b/content/patterns/tabs/examples/tabs-actions.html index 62b3b12f52..bd81535cc4 100644 --- a/content/patterns/tabs/examples/tabs-actions.html +++ b/content/patterns/tabs/examples/tabs-actions.html @@ -66,7 +66,7 @@

Experimental Example

Interesting Sharks

-
+
@@ -86,7 +86,7 @@

Interesting Sharks

-
+
@@ -106,7 +106,7 @@

Interesting Sharks

-
+
@@ -126,7 +126,7 @@

Interesting Sharks

-
+
@@ -219,151 +219,6 @@

Interesting Sharks

- -
-

Tropical Fruit

-
-
- - - -
-
- - - -
-
- - - -
-
- - - -
-
-
-

- Mangosteen, - also known as the purple mangosteen, is a tropical evergreen - tree with edible fruit native to Island Southeast Asia, from the - Malay Peninsula to Borneo. It has been cultivated extensively in - tropical Asia since ancient times. -

-
- - - - - -
- - -
-

Danish Composers

-
- - - - -
-
-

- 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'). -

-
- - - -