5389: add alt text to button

Author: Sine Jespersen

src/stories/Library/Buttons/icon-button/IconButton.stories.tsx

@@ -11,6 +11,10 @@ export default {
       defaultValue: "icons/collection/Menu.svg",
       control: "text",
     },
+    altText: {
+      defaultValue: "Denne knap sorterer listen efter dato",
+      control: "text",
+    },
   },
   parameters: {
     design: {

src/stories/Library/Buttons/icon-button/IconButton.tsx

@@ -1,10 +1,11 @@
 interface IconButtonProps {
   src: string;
+  altText: string;
 }
-const IconButton: React.FC<IconButtonProps> = ({ src }) => {
+const IconButton: React.FC<IconButtonProps> = ({ src, altText }) => {
   return (
     <button className="dpl-icon-button" type="button">
-      <img src={src} alt="" />
+      <img src={src} alt={altText} />
     </button>
   );
 };

src/stories/Library/list-buttons/ListButtons.tsx

@@ -21,10 +21,16 @@ export const ListButton: React.FC<ListButtonProps> = ({
       </div>
       <div className="dpl-list-buttons__buttons">
         <div className="dpl-list-buttons__buttons__button">
-          <IconButton src="icons/collection/Menu.svg" />
+          <IconButton
+            altText="Denne knap sorterer listen efter afleveringsdato"
+            src="icons/collection/Menu.svg"
+          />
         </div>
         <div className="dpl-list-buttons__buttons__button">
-          <IconButton src="icons/collection/Various.svg" />
+          <IconButton
+            altText="Denne knap sorterer listen i stakke"
+            src="icons/collection/Various.svg"
+          />
         </div>
         <div className="dpl-list-buttons__buttons__button">
           <Button