[Magic] Mermaid graphs titles update (#28034)

* corrected titles

* refined titles

* adds meta data

Author: marciocloudflare

src/content/partials/networking-services/magic-wan/zero-trust/gateway.mdx

@@ -66,6 +66,8 @@ The following diagram illustrates how DNS queries from Magic WAN and WARP Connec
 <pre class="mermaid">
 	{`
 flowchart LR
+accTitle: DNS query flow
+accDescr: Shows how DNS queries from Magic WAN and WARP Connector flow through Gateway to internal DNS.
  subgraph subGraph0["Data center"]
     direction TB
         InternalDNS(["Internal DNS"])

src/content/partials/networking-services/mconn/configure-connectors.mdx

@@ -490,7 +490,8 @@ After finishing your { props.magicWord === "virtual" ? props.productNameVirtual
 
 		<pre class="mermaid">
 		{`flowchart LR
-		accTitle: ${props.productName} set up as a DHCP server, and connecting to the Internet.
+		accTitle: Connector as WAN router
+		accDescr: ${props.productName} set up as a DHCP server, and connecting to the Internet.
     a(${props.productName})--> b(Internet) --> c(Cloudflare)
 
     subgraph Customer site
@@ -502,11 +503,14 @@ After finishing your { props.magicWord === "virtual" ? props.productNameVirtual
     class a,c orange`}
 		</pre>
 
+		<p><em>{props.productName} set up as a DHCP server, and connecting to the Internet.</em></p>
+
 		<p>In the following example, the {props.productName} device sits behind the WAN router in your site, and on-ramps only some of the existing LANs to Cloudflare.</p>
 
 		<pre class="mermaid">
 		{`flowchart LR
-		accTitle: ${props.productName} connects to the router in the site, and only some of the LANs connect to Connector.
+		accTitle: Connector behind site router
+		accDescr: ${props.productName} connects to the router in the site, and only some of the LANs connect to Connector.
     a(${props.productName})--> b((Site's router)) --> c(Internet) --> i(Cloudflare)
 
     subgraph Customer site
@@ -520,6 +524,8 @@ After finishing your { props.magicWord === "virtual" ? props.productNameVirtual
     class a,i orange`}
 		</pre>
 
+		<p><em>{props.productName} connects to the router in the site, and only some of the LANs connect to Connector.</em></p>
+
 		<p>Refer to <a href="/reference-architecture/diagrams/sase/magic-wan-connector-deployment/">{props.productName} deployment options</a> for a high-level explanation of the deployment options that make sense to most environments, as well as a few advanced use cases.</p>
 
 		<AnchorHeading title="Firewall settings required" depth={4} />

src/content/partials/networking-services/mconn/network-options/app-aware-policies/breakout-prioritized.mdx

@@ -31,7 +31,8 @@ import { APIRequest, Aside, AnchorHeading, CURL, DashButton, Markdown, Render, T
 		<pre class="mermaid">
 			{`
 			flowchart LR
-			accTitle: In this example, the applications go directly to the Internet, skipping Cloudflare's security filtering
+			accTitle: Breakout traffic flow
+			accDescr: Applications 1 and 2 are configured to bypass Cloudflare's security filtering, and go straight to the Internet.
 			a(Magic WAN Connector) --> b(Cloudflare) -->|Filtered traffic|c(Internet)
 
 			a-- Breakout traffic ---d(Application1) & e(Application2) --> c
@@ -40,7 +41,7 @@ import { APIRequest, Aside, AnchorHeading, CURL, DashButton, Markdown, Render, T
 			class a,b orange
 			`}
 		</pre>
-		<p><em>In the graph above, Applications 1 and 2 are configured to bypass Cloudflare's security filtering, and go straight to the Internet</em></p>
+		<p><em>In the graph above, Applications 1 and 2 are configured to bypass Cloudflare's security filtering, and go straight to the Internet.</em></p>
 		<Aside type="note" title="A note on security">
 		<Markdown
 		text={`

src/content/partials/networking-services/mconn/network-options/dhcp/dhcp-relay.mdx

@@ -12,7 +12,8 @@ DHCP Relay provides a way for DHCP clients to communicate with DHCP servers that
 <pre class="mermaid">
 	{`
 		flowchart LR
-		accTitle: An example of Connector in DHCP Relay mode
+		accTitle: DHCP Relay diagram
+		accDescr: The graph shows Magic WAN Connector sending DHCP discover messages to a DHCP server offsite.
 				a(Magic WAN Connector) <--> b(Cloudflare/Magic WAN) <--> c(DHCP server)
 
 				subgraph Site A

src/content/partials/networking-services/mconn/network-options/network-segmentation.mdx

@@ -12,7 +12,8 @@ You can define policies in your Magic WAN Connector to either allow traffic to f
 <pre class="mermaid">
 	{`
 		flowchart LR
-		accTitle: In this example, there are LANs where traffic flows between each other, instead of going to Cloudflare first.
+		accTitle: LAN-to-LAN traffic flow
+		accDescr: In this example, the red path shows traffic that stays in the customer's premises (allowing direct communication between LAN 3 and LAN 4), and the orange path shows traffic that goes to Cloudflare before returning to the customer's premises (processing traffic between LAN 1 and LAN 2 in Cloudflare).
 				a(Magic WAN Connector) <---> b(Internet) <---> c(Cloudflare)
 
 				subgraph Customer site

src/content/partials/networking-services/reference/tunnel-health-checks.mdx

@@ -124,6 +124,8 @@ To avoid control plane policies enforced by the origin network, you can set tunn
 
 ```mermaid
 flowchart TB
+accTitle: Bidirectional request style
+accDescr: Shows the flow of a bidirectional request-style tunnel health check probe and response between Cloudflare and the origin.
    subgraph Tunnel Healthcheck Probe
    cloudflare(Cloudflare) --- bare_echo_request([ICMP Echo Request])
    bare_echo_request --> tunnel[Tunnel]
@@ -150,6 +152,8 @@ flowchart TB
 
 ```mermaid
 flowchart TB
+accTitle: Bidirectional reply style
+accDescr: Shows the flow of a bidirectional reply-style tunnel health check probe and response between Cloudflare and the origin.
    subgraph Tunnel Healthcheck Probe
    cloudflare(Cloudflare) --- bare_echo_probe([ICMP Echo Reply])
    bare_echo_probe --> tunnel[Tunnel]
@@ -176,6 +180,8 @@ flowchart TB
 
 ```mermaid
 flowchart TB
+accTitle: Unidirectional echo request
+accDescr: Shows the flow of a unidirectional echo request health check from Cloudflare to the origin and back.
    cloudflare(Cloudflare) --- bare_echo_probe([ICMP Echo Request])
    bare_echo_probe --> tunnel[Tunnel]
    tunnel --- encapsulated_echo_probe([Tunnel Protocol < ICMP Echo Request >])
@@ -193,6 +199,8 @@ flowchart TB
 
 ```mermaid
 flowchart TB
+accTitle: Unidirectional echo reply
+accDescr: Shows the flow of a unidirectional echo reply health check from Cloudflare to the origin and back.
    cloudflare(Cloudflare) --- bare_echo_probe([ICMP Echo Reply])
    bare_echo_probe --> tunnel[Tunnel]
    tunnel --- encapsulated_echo_probe([Tunnel Protocol < ICMP Echo Reply >])