add alt text (#1445)

Author: ethanpalm

index.mdx

@@ -28,10 +28,12 @@ export const HeroCard = ({ filename, title, description, href }) => {
     <img
       src="/images/hero/background-light.png"
       className="block dark:hidden pointer-events-none"
+      alt="Decorative background image."
     />
     <img
       src="/images/hero/background-dark.png"
       className="hidden dark:block pointer-events-none"
+      alt="Decorative background image."
     />
   </div>
 

installation.mdx

@@ -6,10 +6,12 @@ description: "Install the CLI to preview and develop your docs locally"
 <img
   className="block dark:hidden my-0 pointer-events-none"
   src="/images/installation/local-development-light.png"
+  alt="Decorative graphic representing the CLI."
 />
 <img
   className="hidden dark:block my-0 pointer-events-none"
   src="/images/installation/local-development-dark.png"
+  alt="Decorative graphic representing the CLI."
 />
 
 ## Installing the CLI

integrations/analytics/google-analytics.mdx

@@ -14,7 +14,7 @@ You will need to create a web stream to get the Measurement ID to put into Mintl
 
 Click the cog at the bottom left of the Google Analytics screen. Then click on Data Streams.
 
-<Frame>![](/images/ga4-web-streams.png)</Frame>
+<Frame>![Screenshot of the Data Streams page in the Google Analytics dashboard.](/images/ga4-web-streams.png)</Frame>
 
 Create a Web Stream and put the URL of your Mintlify docs site as the stream URL.
 

organize/navigation.mdx

@@ -14,13 +14,13 @@ Pages are the most fundamental navigation component. Pages map to the MDX files
 <img
   className="block dark:hidden pointer-events-none"
   src="/images/navigation/pages-light.png"
-  alt=""
+  alt="Decorative graphic of pages."
 />
 
 <img
   className="hidden dark:block pointer-events-none"
   src="/images/navigation/pages-dark.png"
-  alt=""
+  alt="Decorative graphic of pages."
 />
 
 In the `navigation` object, `pages` is an array where each entry must reference the path to a [page file](pages).
@@ -46,13 +46,13 @@ Use groups to organize your sidebar navigation into sections. Groups can be nest
 <img
   className="block dark:hidden pointer-events-none"
   src="/images/navigation/groups-light.png"
-  alt=""
+  alt="Decorative graphic of groups."
 />
 
 <img
   className="hidden dark:block pointer-events-none"
   src="/images/navigation/groups-dark.png"
-  alt=""
+  alt="Decorative graphic of groups."
 />
 
 In the `navigation` object, `groups` is an array where each entry is an object that requires a `group` field and a `pages` field. The `icon`, `tag`, and `expanded` fields are optional.
@@ -110,13 +110,13 @@ Tabs create distinct sections of your documentation with separate URL paths. Tab
 <img
   className="block dark:hidden pointer-events-none"
   src="/images/navigation/tabs-light.png"
-  alt=""
+  alt="Decorative graphic of a tab navigation."
 />
 
 <img
   className="hidden dark:block pointer-events-none"
   src="/images/navigation/tabs-dark.png"
-  alt=""
+  alt="Decorative graphic of a tab navigation."
 />
 
 In the `navigation` object, `tabs` is an array where each entry is an object that requires a `tab` field and can contain other navigation fields such as groups, pages, icons, or links to external pages.
@@ -206,11 +206,13 @@ Anchors add persistent navigation items to the top of your sidebar. Use anchors
 <img
   className="block dark:hidden pointer-events-none"
   src="/images/navigation/anchors-light.png"
+  alt="Decorative graphic of an anchor navigation."
 />
 
 <img
   className="hidden dark:block pointer-events-none"
   src="/images/navigation/anchors-dark.png"
+  alt="Decorative graphic of an anchor navigation."
 />
 
 In the `navigation` object, `anchors` is an array where each entry is an object that requires an `anchor` field and can contain other navigation fields such as groups, pages, icons, or links to external pages.
@@ -279,11 +281,13 @@ Dropdowns are contained in an expandable menu at the top of your sidebar navigat
 <img
   className="block dark:hidden pointer-events-none"
   src="/images/navigation/dropdowns-light.png"
+  alt="Decorative graphic of a dropdown navigation."
 />
 
 <img
   className="hidden dark:block pointer-events-none"
   src="/images/navigation/dropdowns-dark.png"
+  alt="Decorative graphic of a dropdown navigation."
 />
 
 In the `navigation` object, `dropdowns` is an array where each entry is an object that requires a `dropdown` field and can contain other navigation fields such as groups, pages, icons, or links to external pages.
@@ -324,11 +328,13 @@ In the `navigation` object, `dropdowns` is an array where each entry is an objec
 <img
   className="block dark:hidden pointer-events-none"
   src="/images/navigation/product-switcher-light.png"
+  alt="Decorative graphic of a product switcher."
 />
 
 <img
   className="hidden dark:block pointer-events-none"
   src="/images/navigation/product-switcher-dark.png"
+  alt="Decorative graphic of a product switcher."
 />
 
 Products create a dedicated navigation division for organizing product-specific documentation. Use products to separate different offerings, services, or major feature sets within your documentation.
@@ -420,11 +426,13 @@ Partition your navigation into different versions. Versions are selectable from
 <img
   className="block dark:hidden pointer-events-none"
   src="/images/navigation/versions-light.png"
+  alt="Decorative graphic of a version switcher."
 />
 
 <img
   className="hidden dark:block pointer-events-none"
   src="/images/navigation/versions-dark.png"
+  alt="Decorative graphic of a version switcher."
 />
 
 In the `navigation` object, `versions` is an array where each entry is an object that requires a `version` field and can contain any other navigation fields.
@@ -463,11 +471,13 @@ Partition your navigation into different languages. Languages are selectable fro
 <img
   className="block dark:hidden pointer-events-none"
   src="/images/navigation/languages-light.png"
+  alt="Decorative graphic of a language switcher."
 />
 
 <img
   className="hidden dark:block pointer-events-none"
   src="/images/navigation/languages-dark.png"
+  alt="Decorative graphic of a language switcher."
 />
 
 In the `navigation` object, `languages` is an array where each entry is an object that requires a `language` field and can contain any other navigation fields.