diff --git a/docs/components/BottomSheet.md b/docs/components/BottomSheet.md
index 9c1a322880b..f08a07d87d8 100644
--- a/docs/components/BottomSheet.md
+++ b/docs/components/BottomSheet.md
@@ -30,7 +30,7 @@ Material Components for Android library. For more information, see the
 [Getting started](https://github.com/material-components/material-components-android/tree/master/docs/getting-started.md)
 page.
 
-![Example bottom sheet: modal bottom sheet](assets/bottomsheet/bottomsheet_hero.png){width="650"}
+<img src="assets/bottomsheet/bottomsheet_hero.png" alt="Example bottom sheet: modal bottom sheet" width="650"/>
 
 ### Anatomy
 
diff --git a/docs/components/SideSheet.md b/docs/components/SideSheet.md
index a1836a85a4b..fababba2c9f 100644
--- a/docs/components/SideSheet.md
+++ b/docs/components/SideSheet.md
@@ -13,7 +13,7 @@ path: /catalog/side-sheet-behavior/
 containing supplementary content that are anchored to the side of the screen. See [bottom sheet documentation](BottomSheet.md) for documentation about
 [bottom sheets](https://m3.material.io/components/bottom-sheets/overview). There are two variants of side sheets.
 
-![Side sheet hero image](assets/sidesheet/sidesheet_hero.png){width="650"}
+<img src="assets/sidesheet/sidesheet_hero.png" alt="Side sheet hero image" width="650"/>
 
 1. Standard
 2. Modal
@@ -60,7 +60,7 @@ Standard side sheet basic usage:
 
 #### Standard {.new-tab}
 
-![standard sheet anatomy](assets/sidesheet/standard_sidesheet_anatomy.png){height="500"}
+<img src="assets/sidesheet/standard_sidesheet_anatomy.png" alt="standard sheet anatomy" height="500"/>
 
 1. Divider (optional)
 2. Headline
@@ -69,7 +69,7 @@ Standard side sheet basic usage:
 
 #### Modal {.new-tab}
 
-![standard sheet anatomy](assets/sidesheet/modal_sidesheet_anatomy.png){height="500"}
+<img src="assets/sidesheet/modal_sidesheet_anatomy.png" alt="modal sheet anatomy" height="500"/>
 
 1. Back icon button (optional)
 2. Header