eye able bugs

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) {

gfi-ihk-2024/stories/components/global-message/GlobalMessageComponent.js

@@ -8,7 +8,8 @@ export const createGlobalMessage =
     message = 'Leider kommt es durch <a href="#">technische Wartungsmaßnahmen</a> 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);

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;

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';

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;