fix: sd-teaser and sd-teaser-media a11y

[smfonseca]

Description:

This PR closes 1491, 1526 and 1527

Note: I removed the alt text from the images in the templates, because they are decorative images and do not need alt text since no important information is conveyed by them.

Definition of Reviewable:

• Documentation is created/updated
• Migration Guide is created/updated
• E2E tests (features, a11y, bug fixes) are created/updated

• Stories (features, a11y) are created/updated
• relevant tickets are linked

[github-actions]

🚀 Storybook has been deployed for branch fix_sd-teaser-and-teaser-media-a11y

• View Storybook

[MartaPintoTeixeira]

on the variants the order is wrong. "primary" should be the last on the list to match the samples. can you change this please?

[MartaPintoTeixeira]

change the "Meta Slot" description to:
Use the “meta” slot to add additional content to the teaser. 

[paulovareiro29]

LGTM

[MartaPintoTeixeira]

on teaser temlate instead of: "Unclickable Teaser With Button" change to "Unclickable Teaser with Button" please

[MartaPintoTeixeira]

for teaser media template instead of "Teaser Media With Link" change to "Teaser Media with Link"

[MartaPintoTeixeira]

for the Teaser Media Overrides sample template can you make it more similar to figma?
"Gender" copy size is different in storybook

[MartaPintoTeixeira]

on the 1st sample for teaser in figma we have the vertical variant.

[mariohamann]

Not sure, if these really count as decorative. Would love to hear Debbies thoughts on that: https://solid-design-system.github.io/solid/fix_sd-teaser-and-teaser-media-a11y/?path=/docs/templates-teaser--docs

[koepferd]

As in the examples the images are not decorative but delivering emotions (e.g. Future is an attitude -> man with young children) I would actually add a meaningful alt attribute.
I suggest to add a small a11y hint though which says something like in case your used image is decorative keep it empty...

[smfonseca]

Personally I don't feel the images add relevant information to the text and are more "eye candy", but I guess this goes into what we discussed about acessibility not being an exact science. I will add back some alt texts and the suggested a11y hint.

[smfonseca]

@MartaPintoTeixeira

on teaser temlate instead of: "Unclickable Teaser With Button" change to "Unclickable Teaser with Button" please

Updated

for teaser media template instead of "Teaser Media With Link" change to "Teaser Media with Link"

Updated

on the 1st sample for teaser in figma we have the vertical variant.

Updated

for the Teaser Media Overrides sample template can you make it more similar to figma?
"Gender" copy size is different in storybook

Synced directly on teams call. There's a ticket to make the headline font size overridable. Decision now was to update Figma to resemble Storybook.