diff --git a/src/dev-app/cdk-experimental-accordion/cdk-accordion-demo.html b/src/dev-app/cdk-experimental-accordion/cdk-accordion-demo.html index 379496af1eb3..2764f3517097 100644 --- a/src/dev-app/cdk-experimental-accordion/cdk-accordion-demo.html +++ b/src/dev-app/cdk-experimental-accordion/cdk-accordion-demo.html @@ -1,38 +1,33 @@
-

Single expansion - Able to expand and collapse accordion panels.

+

Single Expansion

-

Multi expansion - Able to expand and collapse multiple accordion panels

+

Multi Expansion

-

- Disabled Accordions are Focusable - Able to navigate to a disabled accordion. Disabled - accordions are not expandable. -

+

Disabled Accordions are Focusable

-

- Disabled Accordions are Skipped - Disabled accordions are skipped over and not expandable. -

+

Disabled Accordions are Skipped

-

Disabled - Focus should land on the accordion group instead of an accordion trigger.

+

Disabled

-

Configurable Accordion

+

Configurable

diff --git a/src/dev-app/cdk-experimental-listbox/cdk-listbox-demo.html b/src/dev-app/cdk-experimental-listbox/cdk-listbox-demo.html index 47d964b3f0cd..91baa732699f 100644 --- a/src/dev-app/cdk-experimental-listbox/cdk-listbox-demo.html +++ b/src/dev-app/cdk-experimental-listbox/cdk-listbox-demo.html @@ -1,69 +1,63 @@
-

Single Select - Able to navigate to and select an option.

- +

Multi Select w/ Selection Follows Focus

+
-

- Multi Select - Able to select a range of options using shift + arrow keys, shift + home/end, - and shift + clicking. -

- +

Single Select w/ Selection Follows Focus

+
-

Single Select w/ Selection Follows Focus

- +

Multi Select

+
-

- Multi Select w/ Selection Follows Focus - Able to navigate without changing selection by - holding ctrl while navigating. -

- +

Single Select

+
-

Horizontal Orientation - Able to navigate using left and right arrow keys.

- +

Disabled

+
-

RTL & Horizontal Orientation - Able to navigate through the list as expected.

- +

Readonly

+
-

Active Descendant - Able to navigate to and select an option.

- +

Disabled Options are Skipped

+
-

Disabled Options are Focusable - Able to navigate to a disabled option. Disabled options are not selectable (including range selection).

+

Disabled Options are Focusable

-

Disabled Options are Skipped - Disabled options are skipped over. Disabled options are not selectable (including range selection).

- +

Active Descendant

+
-

Readonly - The listbox is navigable but selection state cannot be changed.

- +

RTL & Horizontal Orientation

+
-

Disabled - Focus should land on the listbox instead of an option.

- +

Horizontal Orientation

+
-

Configurable Listbox

+

Configurable

diff --git a/src/dev-app/cdk-experimental-radio-group/cdk-radio-group-demo.html b/src/dev-app/cdk-experimental-radio-group/cdk-radio-group-demo.html index 661bfa4debcb..be2789cf993c 100644 --- a/src/dev-app/cdk-experimental-radio-group/cdk-radio-group-demo.html +++ b/src/dev-app/cdk-experimental-radio-group/cdk-radio-group-demo.html @@ -1,54 +1,48 @@
-

Standard - Able to navigate to and select an radio button.

+

Standard

-

Horizontal Orientation - Able to navigate using left and right arrow keys.

+

Horizontal Orientation

-

RTL & Horizontal Orientation - Able to navigate as expected.

+

RTL & Horizontal Orientation

-

Active Descendant - Able to navigate to and select a radio button.

+

Active Descendant

-

- Disabled Options are Focusable - Able to navigate to a disabled radio button. Disabled radio - buttons are not selectable. -

+

Disabled Radio Buttons are Focusable

-

- Disabled Options are Skipped - Disabled radio buttons are skipped over. Disabled radio - buttons are not selectable. -

+

Disabled Radio Buttons are Skipped

-

Readonly - The radio group is navigable but selection state cannot be changed.

+

Readonly

-

Disabled - Focus should land on the listbox instead of an option.

+

Disabled

-

Configurable CDK Radio Group

+

Configurable

diff --git a/src/dev-app/cdk-experimental-tabs/cdk-tabs-demo.html b/src/dev-app/cdk-experimental-tabs/cdk-tabs-demo.html index 475787820d83..f0d5aea2de8f 100644 --- a/src/dev-app/cdk-experimental-tabs/cdk-tabs-demo.html +++ b/src/dev-app/cdk-experimental-tabs/cdk-tabs-demo.html @@ -1,46 +1,46 @@
-

Explicit Selection - Able to navigate between tabs and select tabs.

+

Standard

-

Selection Follows Focus - Navigating between tabs also changes the selected tab.

+

Selection Follows Focus

-

Horizontal Orientation - Able to navigate between tabs.

+

Horizontal Orientation

-

RTL & Horizontal Orientation - Able to navigate between tabs.

+

RTL & Horizontal Orientation

-

Active Descendant - Able to navigate between tabs.

+

Active Descendant

-

Disabled Tabs are Focusable - Able to navigate to a disabled tab. Disabled tabs are not selectable.

+

Disabled Tabs are Focusable

-

Disabled Tabs are Skipped - Disabled tabs are skipped over. Disabled tabs are not selectable.

+

Disabled Tabs are Skipped

-

Disabled - Focus should land on the tablist instead of a tab.

+

Disabled

-

Configurable Tabs

+

Configurable