[Docs] Resolved images rendering issue on GitHub by removing "" from the alt text and fixed table rendering issue

PiperOrigin-RevId: 787059303

Author: Material Design Team

docs/components/Checkbox.md

@@ -12,7 +12,7 @@ path: /catalog/checkboxes/
 [Checkboxes](https://m3.material.io/components/checkbox/overview) let users
 select one or more items from a list, or turn an item on or off.
 
-<img src="assets/checkbox/checkbox_hero.png" alt="Checkbox hero: Meal options" header, "Additions" checkbox, "Pickles" "Lettuce" "Tomato" checkboxes with “Lettuce” checked" width="900">
+<img src="assets/checkbox/checkbox_hero.png" alt="Checkbox hero: meal options header, additions checkbox, pickles, lettuce, tomato, checkboxes with lettuce checked" width="900">
 
 **Note:** Images use various dynamic color schemes.
 

docs/components/Menu.md

@@ -153,7 +153,7 @@ API and source code:
 
 The following example shows an overflow menu.
 
-<img src="assets/menu/menus_overflow.png" alt="Composite image: purple "Menus" bar, and purple "Menus" bar with white menu and 3 options" height="300">
+<img src="assets/menu/menus_overflow.png" alt="Composite image: purple menus bar, and purple Menus bar with white menu and 3 options" height="300">
 
 In code:
 
@@ -273,7 +273,7 @@ with a `res/menu/context_menu.xml`:
 
 The following example shows a popup menu that displays when a button is clicked.
 
-<img src="assets/menu/menus_popup.png" alt="White menu container with 3 options open below a purple "Show menu" button" height="300">
+<img src="assets/menu/menus_popup.png" alt="White menu container with 3 options open below a purple, show menu button" height="300">
 
 In code:
 
@@ -332,7 +332,7 @@ work in future versions.
 
 The following example shows a popup menu with icons.
 
-<img src="assets/menu/menus_popup_icons.png" alt="White menu window with 3 options open below a purple "Show menu" button. Each
+<img src="assets/menu/menus_popup_icons.png" alt="White menu window with 3 options open below a purple, show menu button. Each
 option has an icon." height="350">
 
 In code:
@@ -393,7 +393,7 @@ In `res/menu/popup_menu.xml`:
 The following example shows a list popup window menu that appears when a button
 is clicked.
 
-<img src="assets/menu/menus_list_popup_window.png" alt="White menu container with 3 options below a purple "Show menu" button" height="350">
+<img src="assets/menu/menus_list_popup_window.png" alt="White menu container with 3 options below a purple, show menu button" height="350">
 
 In code:
 
@@ -477,7 +477,7 @@ using `Theme.Material3.*` themes.
 
 The following is an example of a filled exposed dropdown menu:
 
-<img src="assets/menu/menus_exposed_dropdown_filled.png" alt="2 menu states with text field element: 1) has "item 1", 2) has "item 1" and a 4-item menu container." height="400">
+<img src="assets/menu/menus_exposed_dropdown_filled.png" alt="2 menu states with text field element: 1) has item 1, 2) has item 1 and a 4-item menu container." height="400">
 
 In the layout:
 

docs/components/NavigationDrawer.md

@@ -9,7 +9,7 @@ path: /catalog/navigation-drawer/
 
 # Navigation drawers
 
-Note: The navigation drawer is being deprecated in the Material 3 expressive
+**Note:** The navigation drawer is being deprecated in the Material 3 expressive
 update. For those who have updated, use an [expanded navigation rail](https://m3.material.io/components/navigation-rail/overview), which has
 mostly the same functionality of the navigation drawer and adapts better across
 window size classes.
@@ -18,7 +18,7 @@ window size classes.
 provide access to destinations in your app. There are two variants of navigation
 drawers.
 
-<img src="assets/navigationdrawer/navigation_drawer_overview.png" alt="A standard (left) and modal (right) Navigation drawer" height="450">
+<img src="assets/navigationdrawer/navigation_drawer_overview.png" alt="A standard (left) and modal (right) navigation drawer" height="450">
 
 1.  Standard navigation drawer
 2.  Modal navigation drawer
@@ -123,10 +123,9 @@ Element           | Attribute
 
 ### `NavigationView` styles
 
-| Element   | Style                             | Theme attribute             |
-| --------- | --------------------------------- | --------------------------- |
-| **Default | `Widget.Material3.NavigationView` | `?attr/navigationViewStyle` |
-: style**   :                                   :                             :
+Element           | Style                             | Theme attribute
+----------------- | --------------------------------- | ---------------------------
+**Default style** | `Widget.Material3.NavigationView` | `?attr/navigationViewStyle`
 
 ### `DrawerLayout` styles
 
@@ -154,7 +153,7 @@ API and source code:
 
 The following example shows a permanently visible standard navigation drawer.
 
-<img src="assets/navigationdrawer/navigation-drawer-standard.png" alt="Nav drawer with "Header title", "Header text", “Subtitle”, and 3 items with icons on left of screen." height="300">
+<img src="assets/navigationdrawer/navigation-drawer-standard.png" alt="nav drawer with header title,header text, subtitle, and 3 items with icons on left of screen." height="300">
 
 In the layout:
 
@@ -223,9 +222,7 @@ API and source code:
 
 The following example shows a modal navigation drawer.
 
-<img src="assets/navigationdrawer/navigation-drawer-modal.png" alt="A screen with a modal navigation drawer open. The drawer container "Header
-title", "Header text", and 6
-items." height="600">
+<img src="assets/navigationdrawer/navigation-drawer-modal.png" alt="A screen with a modal navigation drawer open. The drawer container, header title, header text, and six items." height="600">
 
 In the layout: