Skip to content

Commit 228f293

Browse files
balco0110Mojsoski, Blagoja (UIS)smfonseca
authored
fix: replace accessibility information for teaser media (#2798)
<!-- ## Title: Please consider adding the [skip chromatic] flag to the PR title in case you dont need chromatic testing your changes. --> ## Description: <!-- *PR notes: Please describe the changes in this PR.* --> ## Definition of Reviewable: <!-- *PR notes: Irrelevant elements should be removed.* --> - [ ] Documentation is created/updated - [ ] Migration Guide is created/updated <!-- *PR notes: If this PR includes a BREAKING CHANGE, a migration guide is needed to explain how users can migrate between versions. * --> - [ ] E2E tests (features, a11y, bug fixes) are created/updated <!-- *If this PR includes a bug fix, an E2E test is necessary to verify the change. If the fix is purely visual, ensuring it is captured within our chromatic screenshot tests is sufficient.* --> - [ ] Stories (features, a11y) are created/updated - [ ] relevant tickets are linked --------- Co-authored-by: Mojsoski, Blagoja (UIS) <blagoja.mojsoski@union-investment.de> Co-authored-by: Sérgio Fonseca <42741644+smfonseca@users.noreply.github.com>
1 parent a0c914a commit 228f293

2 files changed

Lines changed: 6 additions & 1 deletion

File tree

.changeset/two-ideas-hug.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@solid-design-system/docs': patch
3+
---
4+
5+
Updated accessibility information for `sd-teaser media`

packages/docs/src/stories/components/teaser-media.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -69,7 +69,7 @@ Used as a flexible container that groups related items and links them to further
6969
- Adopt a consistent, semantically correct heading hierarchy to enable quick scanning across multiple teasers on a page. Teaser headings should be the first item in the DOM, introducing a new thematic region and separating the following content from the previous region.
7070
- Include descriptive alt text for the media slot, ensuring that non-text content is accessible.
7171
- For purely decorative images, ALT-tags should be left empty so that screen readers can bypass them and concentrate on conveying meaningful content.
72-
- Avoid placing essential information or actions in expandable teaser areas since they are visible on mouse hover.
72+
- Avoid placing essential information or actions in expandable teaser areas since they are only visible on click.
7373
- Verify that each link is announced in a way that conveys its unique destination or function to screen readers.
7474
- Ensure that the background images you choose for each teaser variant provide enough contrast with the text to maintain readability.
7575

0 commit comments

Comments
 (0)