diff --git a/gfi-ihk-2024/stories/atoms/event-teaser/event-teaser.scss b/gfi-ihk-2024/stories/atoms/event-teaser/event-teaser.scss index df3eac0..eeb9ed2 100644 --- a/gfi-ihk-2024/stories/atoms/event-teaser/event-teaser.scss +++ b/gfi-ihk-2024/stories/atoms/event-teaser/event-teaser.scss @@ -42,6 +42,9 @@ span { white-space: nowrap; + abbr { + text-decoration: none; + } } span:nth-child(2) { diff --git a/gfi-ihk-2024/stories/components/global-message/GlobalMessageComponent.js b/gfi-ihk-2024/stories/components/global-message/GlobalMessageComponent.js index fea6da9..feeeaf9 100644 --- a/gfi-ihk-2024/stories/components/global-message/GlobalMessageComponent.js +++ b/gfi-ihk-2024/stories/components/global-message/GlobalMessageComponent.js @@ -8,7 +8,8 @@ export const createGlobalMessage = message = 'Leider kommt es durch technische Wartungsmaßnahmen am 2. Mai in der Zeit von 17:30–23:00 zu einer eingeschränkten Verfügbarkeit unserer Internetseite', icon = 'icon-info', }) => { - const messageWrapper = createElement('div', ['global-message', type]); + const messageWrapper = createElement('section', ['global-message', type]); + messageWrapper.setAttribute('aria-label', 'Wichtige Mitteilung'); const inner = createElement('div', ['inner', icon], null, messageWrapper); createElement('p', [], message, inner); createElement('button', ['close'], null, inner); diff --git a/gfi-ihk-2024/stories/components/global-message/global-message.scss b/gfi-ihk-2024/stories/components/global-message/global-message.scss index 1106bb3..fcb97a9 100644 --- a/gfi-ihk-2024/stories/components/global-message/global-message.scss +++ b/gfi-ihk-2024/stories/components/global-message/global-message.scss @@ -14,6 +14,7 @@ max-height: 0; overflow: hidden; margin-bottom: 10px; + margin-top: 0; @media(max-width: 767px) { --font-size-small: 14px; diff --git a/gfi-ihk-2024/stories/components/magazine-header/MagazineHeaderComponent.js b/gfi-ihk-2024/stories/components/magazine-header/MagazineHeaderComponent.js index feaf154..b541be7 100644 --- a/gfi-ihk-2024/stories/components/magazine-header/MagazineHeaderComponent.js +++ b/gfi-ihk-2024/stories/components/magazine-header/MagazineHeaderComponent.js @@ -13,7 +13,8 @@ export const createMagazineHeader = backgroundColor = '', inlineStyles = 'background: ' + backgroundColor + ';', }) => { - const header = createElement('div', ['magazine-header', size], null, null); + const header = createElement('section', ['magazine-header', size], null, null); + header.setAttribute('aria-label', 'Kopfbereich'); createElement('span', ['gradient'], null, header, inlineStyles); if (logo && logo.length > 0 && smalltext.length > 0) { imgtext = 'image-and-text'; diff --git a/gfi-ihk-2024/stories/components/magazine-header/magazine-header.scss b/gfi-ihk-2024/stories/components/magazine-header/magazine-header.scss index f9fa41c..4db0da4 100644 --- a/gfi-ihk-2024/stories/components/magazine-header/magazine-header.scss +++ b/gfi-ihk-2024/stories/components/magazine-header/magazine-header.scss @@ -13,6 +13,7 @@ text-align: center; pointer-events: none; box-shadow: 0 -10px 0 0 var(--theme-color-white); + margin-top: 0; @media(max-width: 767px) { --magazine-header-height: 70px;