diff --git a/.eslintrc b/.eslintrc
index 3d3cae6a0fd..c70c9f3ebf8 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -67,7 +67,7 @@
         // we should fix them one by one and mark them as errors
         // once they're all fixed, we can remove them all and instead extend the strict preset
         // with "extends": ["plugin:jsx-a11y/strict"]
-        "jsx-a11y/alt-text": "off",
+        "jsx-a11y/alt-text": "error",
         "jsx-a11y/anchor-has-content": "error",
         "jsx-a11y/anchor-is-valid": "off",
         "jsx-a11y/aria-activedescendant-has-tabindex": "error",
diff --git a/packages/grafana-ui/src/components/Forms/Legacy/Select/SelectOption.tsx b/packages/grafana-ui/src/components/Forms/Legacy/Select/SelectOption.tsx
index ecfa3948e54..c618e71605e 100644
--- a/packages/grafana-ui/src/components/Forms/Legacy/Select/SelectOption.tsx
+++ b/packages/grafana-ui/src/components/Forms/Legacy/Select/SelectOption.tsx
@@ -17,7 +17,7 @@ export const SelectOption = (props: ExtendedOptionProps) => {
   return (
     <components.Option {...props}>
       <div className="gf-form-select-box__desc-option">
-        {data.imgUrl && <img className="gf-form-select-box__desc-option__img" src={data.imgUrl} />}
+        {data.imgUrl && <img className="gf-form-select-box__desc-option__img" src={data.imgUrl} alt="" />}
         <div className="gf-form-select-box__desc-option__body">
           <div>{children}</div>
           {data.description && <div className="gf-form-select-box__desc-option__desc">{data.description}</div>}
diff --git a/packages/grafana-ui/src/components/Forms/Legacy/Select/__snapshots__/SelectOption.test.tsx.snap b/packages/grafana-ui/src/components/Forms/Legacy/Select/__snapshots__/SelectOption.test.tsx.snap
index 8146572a82d..157d8ca4818 100644
--- a/packages/grafana-ui/src/components/Forms/Legacy/Select/__snapshots__/SelectOption.test.tsx.snap
+++ b/packages/grafana-ui/src/components/Forms/Legacy/Select/__snapshots__/SelectOption.test.tsx.snap
@@ -14,6 +14,7 @@ exports[`SelectOption renders correctly 1`] = `
     className="gf-form-select-box__desc-option"
   >
     <img
+      alt=""
       className="gf-form-select-box__desc-option__img"
       src="url/to/avatar"
     />
diff --git a/packages/grafana-ui/src/components/Table/ImageCell.tsx b/packages/grafana-ui/src/components/Table/ImageCell.tsx
index 9c90f009aae..6961be2fe22 100644
--- a/packages/grafana-ui/src/components/Table/ImageCell.tsx
+++ b/packages/grafana-ui/src/components/Table/ImageCell.tsx
@@ -15,13 +15,13 @@ export const ImageCell: FC<TableCellProps> = (props) => {
 
   return (
     <div {...cellProps} className={tableStyles.cellContainer}>
-      {!hasLinks && <img src={displayValue.text} className={tableStyles.imageCell} />}
+      {!hasLinks && <img src={displayValue.text} className={tableStyles.imageCell} alt="" />}
       {hasLinks && (
         <DataLinksContextMenu links={() => getCellLinks(field, row) || []}>
           {(api) => {
             return (
               <div onClick={api.openMenu} className={cx(tableStyles.imageCellLink, api.targetClassName)}>
-                <img src={displayValue.text} className={tableStyles.imageCell} />
+                <img src={displayValue.text} className={tableStyles.imageCell} alt="" />
               </div>
             );
           }}
diff --git a/pkg/build/cmd/rpm.go b/pkg/build/cmd/rpm.go
index 9072c50750f..ef5725c959c 100644
--- a/pkg/build/cmd/rpm.go
+++ b/pkg/build/cmd/rpm.go
@@ -291,7 +291,7 @@ func signRPMRepo(repoRoot string, cfg PublishConfig) error {
 		PrimaryKey: pubKey,
 		PrivateKey: privKey,
 		Identities: map[string]*openpgp.Identity{
-			uid.Id: &openpgp.Identity{
+			uid.Id: {
 				Name:   uid.Name,
 				UserId: uid,
 				SelfSignature: &packet.Signature{
diff --git a/public/app/core/components/AppChrome/TopSearchBar.tsx b/public/app/core/components/AppChrome/TopSearchBar.tsx
index 432e7a5d792..0a982eb8e1a 100644
--- a/public/app/core/components/AppChrome/TopSearchBar.tsx
+++ b/public/app/core/components/AppChrome/TopSearchBar.tsx
@@ -48,7 +48,7 @@ export function TopSearchBar() {
         {profileNode && (
           <Dropdown overlay={<TopNavBarMenu node={profileNode} />}>
             <button className={styles.actionItem}>
-              <img src={contextSrv.user.gravatarUrl} />
+              <img src={contextSrv.user.gravatarUrl} alt="User avatar" />
             </button>
           </Dropdown>
         )}
diff --git a/public/app/core/components/PermissionList/PermissionListItem.tsx b/public/app/core/components/PermissionList/PermissionListItem.tsx
index 6fecca391df..f93b2791107 100644
--- a/public/app/core/components/PermissionList/PermissionListItem.tsx
+++ b/public/app/core/components/PermissionList/PermissionListItem.tsx
@@ -11,10 +11,10 @@ const setClassNameHelper = (inherited: boolean) => {
 
 function ItemAvatar({ item }: { item: DashboardAcl }) {
   if (item.userAvatarUrl) {
-    return <img className="filter-table__avatar" src={item.userAvatarUrl} />;
+    return <img className="filter-table__avatar" src={item.userAvatarUrl} alt="User avatar" />;
   }
   if (item.teamAvatarUrl) {
-    return <img className="filter-table__avatar" src={item.teamAvatarUrl} />;
+    return <img className="filter-table__avatar" src={item.teamAvatarUrl} alt="Team avatar" />;
   }
   if (item.role === 'Editor') {
     return <Icon size="lg" name="edit" />;
diff --git a/public/app/features/alerting/unified/components/rule-editor/rule-types/RuleType.tsx b/public/app/features/alerting/unified/components/rule-editor/rule-types/RuleType.tsx
index 258617c1730..163af5695e8 100644
--- a/public/app/features/alerting/unified/components/rule-editor/rule-types/RuleType.tsx
+++ b/public/app/features/alerting/unified/components/rule-editor/rule-types/RuleType.tsx
@@ -32,7 +32,7 @@ const RuleType: FC<Props> = (props) => {
   return (
     <Card className={cardStyles} isSelected={selected} onClick={() => onClick(value)} disabled={disabled}>
       <Card.Figure>
-        <img src={image} />
+        <img src={image} alt="" />
       </Card.Figure>
       <Card.Heading>{name}</Card.Heading>
       <Card.Description>{description}</Card.Description>
diff --git a/public/app/features/correlations/CorrelationsPage.tsx b/public/app/features/correlations/CorrelationsPage.tsx
index a8a17e2046c..d1b8824c13d 100644
--- a/public/app/features/correlations/CorrelationsPage.tsx
+++ b/public/app/features/correlations/CorrelationsPage.tsx
@@ -184,7 +184,7 @@ const DataSourceCell = memo(
 
     return (
       <span className={styles.root}>
-        <img src={value.meta.info.logos.small} className={styles.dsLogo} />
+        <img src={value.meta.info.logos.small} alt="" className={styles.dsLogo} />
         {value.name}
       </span>
     );
diff --git a/public/app/features/dashboard/components/DashboardSettings/PreviewSettings.tsx b/public/app/features/dashboard/components/DashboardSettings/PreviewSettings.tsx
index 407c2f96783..2d4f4dffc12 100644
--- a/public/app/features/dashboard/components/DashboardSettings/PreviewSettings.tsx
+++ b/public/app/features/dashboard/components/DashboardSettings/PreviewSettings.tsx
@@ -70,10 +70,10 @@ export class PreviewSettings extends PureComponent<Props, State> {
             </tr>
             <tr>
               <td>
-                <img src={getThumbnailURL(uid, false)} style={imgstyle} />
+                <img src={getThumbnailURL(uid, false)} alt="Preview of dashboard in dark theme" style={imgstyle} />
               </td>
               <td>
-                <img src={getThumbnailURL(uid, true)} style={imgstyle} />
+                <img src={getThumbnailURL(uid, true)} alt="Preview of dashboard in light theme" style={imgstyle} />
               </td>
             </tr>
             <tr>
diff --git a/public/app/features/dashboard/components/PubdashFooter/PubdashFooter.tsx b/public/app/features/dashboard/components/PubdashFooter/PubdashFooter.tsx
index e281c11f827..b94c7484454 100644
--- a/public/app/features/dashboard/components/PubdashFooter/PubdashFooter.tsx
+++ b/public/app/features/dashboard/components/PubdashFooter/PubdashFooter.tsx
@@ -11,7 +11,7 @@ export const PubdashFooter = function () {
     <div className={styles.footer}>
       <span className={styles.logoText}>
         <a href="https://grafana.com/" target="_blank" rel="noreferrer noopener">
-          powered by Grafana <img className={styles.logoImg} src="public/img/grafana_icon.svg"></img>
+          powered by Grafana <img className={styles.logoImg} alt="" src="public/img/grafana_icon.svg"></img>
         </a>
       </span>
     </div>
diff --git a/public/app/features/dimensions/editors/FileUploader.tsx b/public/app/features/dimensions/editors/FileUploader.tsx
index 7ea6c151039..9a8cf21712d 100644
--- a/public/app/features/dimensions/editors/FileUploader.tsx
+++ b/public/app/features/dimensions/editors/FileUploader.tsx
@@ -37,7 +37,7 @@ export const FileUploader = ({ mediaType, setFormData, setUpload, error }: Props
     <Field label="Preview">
       <div className={styles.iconPreview}>
         {mediaType === MediaType.Icon && <SVG src={file} className={styles.img} />}
-        {mediaType === MediaType.Image && <img src={file} className={styles.img} />}
+        {mediaType === MediaType.Image && <img src={file} alt="Preview of the uploaded file" className={styles.img} />}
       </div>
     </Field>
   );
diff --git a/public/app/features/dimensions/editors/ResourceCards.tsx b/public/app/features/dimensions/editors/ResourceCards.tsx
index afd7e0d6bd1..49aa6ea804c 100644
--- a/public/app/features/dimensions/editors/ResourceCards.tsx
+++ b/public/app/features/dimensions/editors/ResourceCards.tsx
@@ -40,7 +40,7 @@ function Cell(props: CellProps) {
           {card.imgUrl.endsWith('.svg') ? (
             <SVG src={card.imgUrl} className={styles.img} />
           ) : (
-            <img src={card.imgUrl} className={styles.img} />
+            <img src={card.imgUrl} alt="" className={styles.img} />
           )}
           <h6 className={styles.text}>{card.label.slice(0, -4)}</h6>
         </div>
diff --git a/public/app/features/dimensions/editors/URLPickerTab.tsx b/public/app/features/dimensions/editors/URLPickerTab.tsx
index 5402d2e6112..6cf7ea8df8b 100644
--- a/public/app/features/dimensions/editors/URLPickerTab.tsx
+++ b/public/app/features/dimensions/editors/URLPickerTab.tsx
@@ -34,7 +34,9 @@ export const URLPickerTab = (props: Props) => {
         <Field label="Preview">
           <div className={styles.iconPreview}>
             {mediaType === MediaType.Icon && <SVG src={imgSrc} className={styles.img} />}
-            {mediaType === MediaType.Image && newValue && <img src={imgSrc} className={styles.img} />}
+            {mediaType === MediaType.Image && newValue && (
+              <img src={imgSrc} alt="Preview of the selected URL" className={styles.img} />
+            )}
           </div>
         </Field>
         <Label>{shortName}</Label>
diff --git a/public/app/features/search/components/SearchCard.tsx b/public/app/features/search/components/SearchCard.tsx
index d99ddd7b318..b2d6d026f61 100644
--- a/public/app/features/search/components/SearchCard.tsx
+++ b/public/app/features/search/components/SearchCard.tsx
@@ -130,7 +130,13 @@ export function SearchCard({ editable, item, onTagSelected, onToggleChecked, onC
           onClick={onCheckboxClick}
         />
         {hasImage ? (
-          <img loading="lazy" className={styles.image} src={imageSrc} onError={() => setHasImage(false)} />
+          <img
+            loading="lazy"
+            className={styles.image}
+            src={imageSrc}
+            alt="Dashboard preview"
+            onError={() => setHasImage(false)}
+          />
         ) : (
           <div className={styles.imagePlaceholder}>
             {item.icon ? (
diff --git a/public/app/features/search/components/SearchCardExpanded.tsx b/public/app/features/search/components/SearchCardExpanded.tsx
index c369df0f889..51b72bd4f49 100644
--- a/public/app/features/search/components/SearchCardExpanded.tsx
+++ b/public/app/features/search/components/SearchCardExpanded.tsx
@@ -33,6 +33,7 @@ export function SearchCardExpanded({ className, imageHeight, imageWidth, item, l
         {hasImage ? (
           <img
             loading="lazy"
+            alt="Dashboard preview"
             className={styles.image}
             src={imageSrc}
             onLoad={() => setHasImage(true)}
diff --git a/public/app/features/search/page/components/columns.tsx b/public/app/features/search/page/components/columns.tsx
index 03a57dce58a..b1c0ab6f79c 100644
--- a/public/app/features/search/page/components/columns.tsx
+++ b/public/app/features/search/page/components/columns.tsx
@@ -302,7 +302,7 @@ function makeDataSourceColumn(
                     onDatasourceChange(settings.uid);
                   }}
                 >
-                  <img src={icon} width={14} height={14} title={settings.type} className={iconClass} />
+                  <img src={icon} alt="" width={14} height={14} title={settings.type} className={iconClass} />
                   {settings.name}
                 </span>
               );
diff --git a/public/app/features/storage/FileView.tsx b/public/app/features/storage/FileView.tsx
index df22b93e951..0405ffe2433 100644
--- a/public/app/features/storage/FileView.tsx
+++ b/public/app/features/storage/FileView.tsx
@@ -62,7 +62,7 @@ export function FileView({ listing, path, onPathChange, view }: Props) {
       return (
         <div>
           <a target={'_self'} href={src}>
-            <img src={src} className={styles.img} />
+            <img src={src} alt="File preview" className={styles.img} />
           </a>
         </div>
       );
diff --git a/public/app/plugins/datasource/dashboard/DashboardQueryEditor.tsx b/public/app/plugins/datasource/dashboard/DashboardQueryEditor.tsx
index 6415142017b..91d18d5e3bf 100644
--- a/public/app/plugins/datasource/dashboard/DashboardQueryEditor.tsx
+++ b/public/app/plugins/datasource/dashboard/DashboardQueryEditor.tsx
@@ -168,7 +168,7 @@ export function DashboardQueryEditor({ panelData, queries, onChange, onRunQuerie
                 {results.map((target, i) => (
                   <div className={styles.queryEditorRowHeader} key={`DashboardQueryRow-${i}`}>
                     <div>
-                      <img src={target.img} width={16} />
+                      <img src={target.img} alt="" width={16} />
                       <span className={styles.refId}>{target.refId}:</span>
                     </div>
                     <div>
diff --git a/public/app/plugins/datasource/prometheus/datasource.tsx b/public/app/plugins/datasource/prometheus/datasource.tsx
index 41fa69a5faf..166689782aa 100644
--- a/public/app/plugins/datasource/prometheus/datasource.tsx
+++ b/public/app/plugins/datasource/prometheus/datasource.tsx
@@ -923,6 +923,7 @@ export class PrometheusDatasource
             <img
               style={{ width: 14, height: 14, verticalAlign: 'text-bottom' }}
               src={LOGOS[buildInfo.application ?? PromApplication.Prometheus]}
+              alt=""
             />{' '}
             {buildInfo.application ? AppDisplayNames[buildInfo.application] : 'Unknown'}
           </span>
diff --git a/public/app/plugins/panel/timeseries/plugins/annotations/AnnotationTooltip.tsx b/public/app/plugins/panel/timeseries/plugins/annotations/AnnotationTooltip.tsx
index 0a6da533d90..51a0f01a149 100644
--- a/public/app/plugins/panel/timeseries/plugins/annotations/AnnotationTooltip.tsx
+++ b/public/app/plugins/panel/timeseries/plugins/annotations/AnnotationTooltip.tsx
@@ -37,7 +37,7 @@ export const AnnotationTooltip = ({
   const ts = <span className={styles.time}>{Boolean(annotation.isRegion) ? `${time} - ${timeEnd}` : time}</span>;
 
   if (annotation.login && annotation.avatarUrl) {
-    avatar = <img className={styles.avatar} src={annotation.avatarUrl} />;
+    avatar = <img className={styles.avatar} alt="Annotation avatar" src={annotation.avatarUrl} />;
   }
 
   if (annotation.alertId !== undefined && annotation.newState) {