🚀 Description

Minor

Popover now requires its default slot content to be wrapped in a Popover Container. The reason for the change is so Popover's target and its default slot content can be associated with one another via ARIA attributes, improving accessibility.

<glide-core-popover>
  <button slot="target">Target</button>

  <glide-core-popover-container>Content</glide-core-popover-container
</glide-core-popover>

Patch

Popover's content is now announced by screenreaders when Popover is opened.

📋 Checklist

• I have followed the Contributing Guidelines.
• I have added tests to cover new or updated functionality.
• I have added or updated Storybook stories.
• I have localized new strings.
• I have followed the ARIA Authoring Practices Guide or met with the Accessibility Team.
• I have included a changeset.
• I have scheduled a design review.
• I have reviewed the Storybook and Visual Test Report links below.

🔬 Manual Testing

1. Navigate to Popover in Storybook.
2. Turn on VoiceOver.
3. Tab to Popover's target.
4. Verify Popover's content is not announced.
5. Press Space to open Popover.
6. Verify Popover's content is announced.
7. Press Space to close Popover.
8. Verify Popover's content is not announced.