diff --git a/change/@fluentui-react-f7c59206-c88f-4842-ad79-7ab4ef97e37d.json b/change/@fluentui-react-f7c59206-c88f-4842-ad79-7ab4ef97e37d.json
new file mode 100644
index 00000000000000..76e072792a32cc
--- /dev/null
+++ b/change/@fluentui-react-f7c59206-c88f-4842-ad79-7ab4ef97e37d.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix(DocumentCardPreview): add name as image alt",
+  "packageName": "@fluentui/react",
+  "email": "pieter.heemeryck@delaware.pro",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react/src/components/DocumentCard/DocumentCardPreview.base.tsx b/packages/react/src/components/DocumentCard/DocumentCardPreview.base.tsx
index 48342a12c29bc0..12561ef8c435a0 100644
--- a/packages/react/src/components/DocumentCard/DocumentCardPreview.base.tsx
+++ b/packages/react/src/components/DocumentCard/DocumentCardPreview.base.tsx
@@ -85,13 +85,13 @@ export class DocumentCardPreviewBase extends React.Component<IDocumentCardPrevie
         imageFit={imageFit}
         src={previewImage.previewImageSrc}
         role="presentation"
-        alt=""
+        alt={previewImage.name}
       />
     );
 
     let icon;
     if (previewImage.iconSrc) {
-      icon = <Image className={this._classNames.icon} src={previewImage.iconSrc} role="presentation" alt="" />;
+      icon = <Image className={this._classNames.icon} src={previewImage.iconSrc} role="presentation" alt={previewImage.name} />;
     }
 
     return (
@@ -124,7 +124,7 @@ export class DocumentCardPreviewBase extends React.Component<IDocumentCardPrevie
           className={this._classNames.fileListIcon}
           src={file.iconSrc}
           role="presentation"
-          alt=""
+          alt={file.name}
           width="16px"
           height="16px"
         />