feat(react-tags-preview): add default aria-labelledby on InteractionTagSecondary

[YuanboXue-Amber]

Fix #29219

Before this change:

User needs to set aria-labelledby on InteractionTagSecondary to make it compute accessible name that contains information from InteractionTagPrimary:

<InteractionTag>
  <InteractionTagPrimary
    id={primaryId} // 1️⃣ need id 
    hasSecondaryAction
  >
    primary
  </InteractionTagPrimary>
  <InteractionTagSecondary
    id={secondaryId} // 2️⃣ need id 
    aria-label="remove" // 3️⃣ need aria-label 
    aria-labelledby={`${primaryId} ${secondaryId}`} // 4️⃣ need aria-labelledby to compute accessible name "primary remove"
  />
</InteractionTag>;

After this change:

InteractionTag creates id for InteractionTagPrimary, and pass it thru context. InteractionTagSecondary now has default aria-labelledby=`${primaryId} ${secondaryId}`. And user only needs to set a short aria-label:

<InteractionTag>
  <InteractionTagPrimary hasSecondaryAction>primary</InteractionTagPrimary>
  <InteractionTagSecondary
    aria-label="remove" // 1️⃣ only aria-label is needed, everything else is out of the box
  />
</InteractionTag>;

[fabricteam]

📊 Bundle size report

Package & Exports	Baseline (minified/GZIP)	PR	Change
react-tags-preview InteractionTag	14.23 kB 5.723 kB	14.356 kB 5.746 kB	126 B 23 B

Unchanged fixtures

Package & Exports	Size (minified/GZIP)
react-tags-preview Tag	30.349 kB 9.798 kB
react-tags-preview TagGroup	72.851 kB 21.693 kB

_{🤖 This report was generated against 4942c5f07e08f1061cc8a6b753cd668b05482151}

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 5b658bc:

Sandbox	Source
@fluentui/react 8 starter	Configuration
@fluentui/react-components 9 starter	Configuration

[size-auditor]

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: 4942c5f07e08f1061cc8a6b753cd668b05482151 (build)

[fabricteam]

🕵 fluentuiv9 No visual regressions between this PR and main

[YuanboXue-Amber]

/azp run

[azure-pipelines]

Azure Pipelines successfully started running 4 pipeline(s).