Merge pull request #376 from seasalt-ai/seachat-wiki-missing-alts

Seachat wiki missing alts

content/en/seachat/getting-started/01-seachat-free-agent-mode.md

@@ -47,7 +47,7 @@ Open an account at [SeaChat](https://chat.seasalt.ai/?utm_source=wiki). No credi
 <br/>
 <center>
 <a href="/images/seachat/en/getting-started/free-human-agent-mode.png" target="_blank">
-<img width="80%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/getting-started/free-human-agent-mode.png" alt="An image illustrate the Conversation Handling Mode option. (Human Agent Only)">
+<img width="80%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/getting-started/free-human-agent-mode.png" alt="An image illustrate the Conversation Handling Mode option. (Human Agent Only)" alt="Switch to Human Agent Mode">
 </a>
 
 *Choose Human Agent Only Mode*

content/en/seachat/seachat-manual/02-create-agent/01-create-new-agent.md

@@ -23,7 +23,7 @@ First, let's start by using the **Add New Agent** button located next to your av
 <div style="display: flex; flex-direction: column; align-items: center;">
 <div style="width: 60%; text-align: center; display: flex; flex-direction: column; align-items: center; justify-item: center">
   <a href="/images/seachat/en/create-a-new-agent/create-new-agent-shortcut.png" style="height: 200px; width: 100%; height: 100%;display: flex; justify-content: center; align-items: center; overflow: hidden;" target="_blank">
-<img width="60%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/create-a-new-agent/create-new-agent-shortcut.png" alt="">
+<img width="60%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/create-a-new-agent/create-new-agent-shortcut.png" alt="Create Agent Shortcut | SeaChat Agent">
 </a>
     <p style="margin-top: 20px; font-size: 15px">Create a New Agent Shortcut</p>
 </div>
@@ -38,7 +38,7 @@ Before we can start with the agent configuration, we have to first choose the me
 <div style="display: flex; flex-direction: column; align-items: center;">
 <div style="width: 100%; text-align: center; display: flex; flex-direction: column; align-items: center; justify-item: center">
   <a href="/images/seachat/en/create-a-new-agent/choose-creation-method.png" style="height: 200px; width: 100%; height: 100%;display: flex; justify-content: center; align-items: center; overflow: hidden;" target="_blank">
-<img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/create-a-new-agent/choose-creation-method.png" alt="">
+<img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/create-a-new-agent/choose-creation-method.png" alt="Create Methods| SeaChat Agent">
 </a>
     <p style="margin-top: 20px; font-size: 15px">Choose Agent Creation Method</p>
 </div>
@@ -72,7 +72,7 @@ First, choose a use case for your agent, and then input the description that def
 <div style="display: flex; flex-direction: column; align-items: center;">
 <div style="width: 60%; text-align: center; display: flex; flex-direction: column; align-items: center; justify-item: center">
   <a href="/images/seachat/en/create-a-new-agent/start-from-scratch.png" style="height: 200px; width: 100%; height: 100%;display: flex; justify-content: center; align-items: center; overflow: hidden;" target="_blank">
-<img width="80%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/create-a-new-agent/start-from-scratch.png" alt="">
+<img width="80%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/create-a-new-agent/start-from-scratch.png" alt="Create from Scratch | SeaChat Agent">
 </a>
     <p style="margin-top: 20px; font-size: 15px">Create an AI Agent from Scratch</p>
 </div>
@@ -87,7 +87,7 @@ A use case can help you quickly set up your agent and start your conversation. C
 <div style="display: flex; flex-direction: column; align-items: center;">
 <div style="width: 100%; text-align: center; display: flex; flex-direction: column; align-items: center; justify-item: center">
   <a href="/images/seachat/en/create-a-new-agent/pick-a-use-case.png" style="height: 200px; width: 100%; height: 100%;display: flex; justify-content: center; align-items: center; overflow: hidden;" target="_blank">
-<img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/create-a-new-agent/pick-a-use-case.png" alt="">
+<img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/create-a-new-agent/pick-a-use-case.png" alt="Create from Use Case | SeaChat Agent">
 </a>
     <p style="margin-top: 20px; font-size: 15px">Pick a Use Case</p>
 </div>
@@ -100,7 +100,7 @@ Unlike starting from scratch, a use case comes with predefined instructions prep
 <div style="display: flex; flex-direction: column; align-items: center;">
 <div style="width: 100%; text-align: center; display: flex; flex-direction: column; align-items: center; justify-item: center">
   <a href="/images/seachat/en/create-a-new-agent/choose-a-use-case.png" style="height: 200px; width: 100%; height: 100%;display: flex; justify-content: center; align-items: center; overflow: hidden;" target="_blank">
-<img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/create-a-new-agent/choose-a-use-case.png" alt="">
+<img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/create-a-new-agent/choose-a-use-case.png" alt="Creation Use Cases | SeaChat Agent">
 </a>
     <p style="margin-top: 20px; font-size: 15px">Define Agent Description</p>
 </div>

content/en/seachat/seachat-manual/02-create-agent/02-live-agent-transfer.md

@@ -30,7 +30,7 @@ At the bottom of the screen, you can see the checkbox that says ***Users can req
 
 <br/>
 <a href="/images/seachat/en/live-agent-transfer/20240325-live-agent-transfer-1.png" target="_blank">
-<img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/live-agent-transfer/20240325-live-agent-transfer-1.png" alt="">
+<img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/live-agent-transfer/20240325-live-agent-transfer-1.png" alt="Set up Step | SeaChat Live Agent Transfer">
 </a>
 <br/>
 
@@ -41,7 +41,7 @@ If a customer requests a live agent during the chat conversation, the human agen
 
 <br/>
 <a href="/images/seachat/en/live-agent-transfer/20240325-live-agent-transfer-2.png" target="_blank">
-<img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/live-agent-transfer/20240325-live-agent-transfer-2.png" alt="">
+<img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/live-agent-transfer/20240325-live-agent-transfer-2.png" alt=""Conversation | SeaChat Live Agent Transfer>
 </a>
 <br/>
 <br/>
@@ -50,7 +50,7 @@ That's it. You have now set up a Live Agent Transfer function for your SeaChat A
 
 <center>
 <a href="/images/seachat/en/live-agent-transfer/20240325-live-agent-transfer-3.png" target="_blank">
-<img width="60%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/live-agent-transfer/20240325-live-agent-transfer-3.png" alt="">
+<img width="60%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/live-agent-transfer/20240325-live-agent-transfer-3.png" alt="Complete Conversation | SeaChat Live Agent Transfer">
 </a>
 </center>
 <br/>
@@ -65,7 +65,7 @@ SeaChat conversations support url and Markdown formats in its web channel. Both
 <div style="display: flex; flex-direction: column; align-items: center;">
 <div style="width: 60%; text-align: center; display: flex; flex-direction: column; align-items: center; justify-item: center">
   <a href="/images/seachat/en/live-agent-transfer/markdown-support-in-response.png" style="height: 200px; width: 100%; height: 100%;display: flex; justify-content: center; align-items: center; overflow: hidden;" target="_blank">
-<img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/live-agent-transfer/markdown-support-in-response.png" alt="">
+<img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/live-agent-transfer/markdown-support-in-response.png" alt=" Markdown Support | SeaChat Live Agent Transfer">
 </a>
     <p style="margin-top: 20px; font-size: 15px">Markdown Support in Agent Response</p>
 </div>
@@ -78,7 +78,7 @@ The conversation will be displayed in the same format as it was inputted. This f
 <div style="display: flex; flex-direction: column; align-items: center;">
 <div style="width: 60%; text-align: center; display: flex; flex-direction: column; align-items: center; justify-item: center">
   <a href="/images/seachat/en/live-agent-transfer/markdown-response-in-web-ui.png" style="height: 200px; width: 100%; height: 100%;display: flex; justify-content: center; align-items: center; overflow: hidden;" target="_blank">
-<img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/live-agent-transfer/markdown-response-in-web-ui.png" alt="">
+<img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/live-agent-transfer/markdown-response-in-web-ui.png" alt="Markdown Support in Response | SeaChat Live Agent Transfer">
 </a>
     <p style="margin-top: 20px; font-size: 15px">Markdown Support in WebChat UI</p>
 </div>
@@ -102,7 +102,7 @@ The chat conversation will let your customer know how many live agents are curre
 
 <br/>
 <a href="/images/seachat/en/live-agent-transfer/20240325-live-agent-transfer-web-widget-1.png" target="_blank">
-<img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/live-agent-transfer/20240325-live-agent-transfer-web-widget-1.png" alt="">
+<img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/live-agent-transfer/20240325-live-agent-transfer-web-widget-1.png" alt="Request Live Agent | SeaChat Live Agent Transfer">
 </a>
 <br/>
 
@@ -113,7 +113,7 @@ Once you have integrated the LINE channel, your customer will see the **Live Age
 
 <center>
 <a href="/images/seachat/en/live-agent-transfer/20240325-live-agent-transfer-line-channel.png" target="_blank">
-<img width="60%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/live-agent-transfer/20240325-live-agent-transfer-line-channel.png" alt="">
+<img width="60%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/live-agent-transfer/20240325-live-agent-transfer-line-channel.png" alt="Live Agent on Line | SeaChat Live Agent Transfer">
 </a>
 </center>
 <br/>
@@ -130,17 +130,18 @@ As the result of such flexibility, here are feature options that users can only
 ### 1.  Do not let customers request a live agent proactively
 
 <center>
-<a href="/images/seachat/en/live-agent-transfer/do-not-request.png" target="_blank" alt="Do not let customers request a live agent proactively">
-<img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/live-agent-transfer/do-not-request.png" alt="Do not let customers request a live agent proactively">
+
+<a href="/images/seachat/en/live-agent-transfer/remove-live-agent.png" target="_blank">
+<img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/live-agent-transfer/remove-live-agent.png" alt="Live Mode Timeout | SeaChat Live Agent Transfer">
 </a>
 </center>
 <br/>
 
 If selected, **Show Summary** and **Automatic Switch to AI Agent** features  should hide or grey out, and the users should not be able to request a live agent during the chat conversation.
 
 <center>
-<a href="/images/seachat/en/do-request.png" target="_blank" alt="Show Summary and Automatic Switch to AI Agent features">
-<img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/live-agent-transfer/do-request.png" alt="Show Summary and Automatic Switch to AI Agent features">
+<a href="/images/seachat/en/live-agent-transfer/remove-live-agent.png" target="_blank">
+<img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/live-agent-transfer/remove-live-agent.png" alt="Remove Live Agent | SeaChat Live Agent Transfer">
 </a>
 </center>
 <br/>

content/en/seachat/seachat-manual/02-create-agent/03-advanced-settings/03-context-extraction.md

@@ -92,7 +92,7 @@ For most agents, to set up Extraction we'll use the provided UI in the **Advance
 
 <center>
 <a href="/images/seachat/en/context-extraction/general-setup.png" target="_blank">
-<img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/context-extraction/general-setup.png" alt="">
+<img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/context-extraction/general-setup.png" alt="Navigate to Advanced Settings">
 </a>
 
 <br/>
@@ -174,7 +174,7 @@ For the survey use cases (CSAT, Brand Perception, Market Research, etc.), the ex
 
 <center>
 <a href="/images/seachat/en/context-extraction/question-start.png" target="_blank">
-<img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/context-extraction/question-start.png" alt="">
+<img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/context-extraction/question-start.png" alt="Start Question Section">
 </a>
 
 <br/>
@@ -193,7 +193,7 @@ For the survey use cases (CSAT, Brand Perception, Market Research, etc.), the ex
 
 <center>
 <a href="/images/seachat/en/context-extraction/advanced-settings.png" target="_blank">
-<img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/context-extraction/advanced-settings.png" alt="">
+<img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/context-extraction/advanced-settings.png" alt="Advanced Settings | Context Extraction">
 </a>
 
 <br/>
@@ -211,7 +211,7 @@ The extraction for each conversation will update in real time and we can check t
 
 <center>
 <a href="/images/seachat/en/context-extraction/conversation-page.png" target="_blank">
-<img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/context-extraction/conversation-page.png" alt="">
+<img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/context-extraction/conversation-page.png" alt=""Conversaiton Page | Context Extraction>
 </a>
 
 <br/>
@@ -225,7 +225,7 @@ The extraction for each conversation will update in real time and we can check t
 
 <center>
 <a href="/images/seachat/en/context-extraction/extraction-btn.png" target="_blank">
-<img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/context-extraction/extraction-btn.png" alt="">
+<img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/context-extraction/extraction-btn.png" alt="Extraction Button | Context Extraction">
 </a>
 
 <br/>
@@ -239,7 +239,7 @@ The extraction for each conversation will update in real time and we can check t
 
 <center>
 <a href="/images/seachat/en/context-extraction/extracted-value.png" target="_blank">
-<img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/context-extraction/extracted-value.png" alt="">
+<img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/context-extraction/extracted-value.png" alt="Extraction Value | Context Extraction">
 </a>
 
 <br/>
@@ -262,7 +262,7 @@ Proceed by navigating to the **Advanced Settings** tab where you can define the
 <div style="display: flex; flex-direction: column; align-items: center;">
 <div style="width: 100%; text-align: center; display: flex; flex-direction: column; align-items: center; justify-item: center">
     <a href="/images/seachat/en/context-extraction/example-advanced-setting.png" target="_blank">
-    <img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/context-extraction/example-advanced-setting.png" alt="">
+    <img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/context-extraction/example-advanced-setting.png" alt="Extraction Definition | Context Extraction">
     </a>
     <p style="margin-top: 20px; font-size: 15px">Define Extraction</p>
 </div>
@@ -282,7 +282,7 @@ The AI agent will monitor conversations in real time, updating extraction fields
 <div style="display: flex; flex-direction: column; align-items: center;">
 <div style="width: 100%; text-align: center; display: flex; flex-direction: column; align-items: center; justify-item: center">
     <a href="/images/seachat/en/context-extraction/example-conversation.png" target="_blank">
-    <img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/context-extraction/example-conversation.png" alt="">
+    <img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/context-extraction/example-conversation.png" alt="Example Conversation | Context Extraction">
     </a>
 </div>
     <p style="margin-top: 20px; font-size: 15px">Monitor Conversation Extraction</p>
@@ -293,7 +293,7 @@ The extracted values from conversations are accessible within the system. Simply
 <div style="display: flex; flex-direction: column; align-items: center;">
 <div style="width: 100%; text-align: center; display: flex; flex-direction: column; align-items: center; justify-item: center">
     <a href="/images/seachat/en/context-extraction/example-result.png" target="_blank">
-    <img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/context-extraction/example-result.png" alt="">
+    <img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/context-extraction/example-result.png" alt="Result Example | Context Extraction">
     </a>
 </div>
  <p style="margin-top: 20px; font-size: 15px">Value Extracted</p>

content/en/seachat/seachat-manual/02-create-agent/03-agent-duplicaiton.md

@@ -27,7 +27,7 @@ To duplicate an agent, click on the Agent Duplicate button located next to the a
 <div style="display: flex; flex-direction: column; align-items: center;">
   <div style="width: 100%; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center">
     <a href="/images/seachat/en/create-a-new-agent/agent-duplication-btn.png" style="height: 200px; width: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;" target="_blank">
-      <img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/create-a-new-agent/agent-duplication-btn.png" alt="">
+      <img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/create-a-new-agent/agent-duplication-btn.png" alt="Duplicate Button | SeaChat Agent Duplicate">
     </a>
     <p style="margin-top: 20px; font-size: 15px">Duplicate Agent Button</p>
   </div>
@@ -42,7 +42,7 @@ This process might take some time depending on the complexity of the agent. Once
 <div style="display: flex; flex-direction: column; align-items: center;">
   <div style="width: 100%; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center">
     <a href="/images/seachat/en/create-a-new-agent/duplication-confirmation.png" style="height: 200px; width: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;" target="_blank">
-      <img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/create-a-new-agent/duplication-confirmation.png" alt="">
+      <img width="100%" style="border-radius: 0.4rem; cursor: zoom-in;" src="/images/seachat/en/create-a-new-agent/duplication-confirmation.png" alt="Confirm Duplication | SeaChat Agent Duplicate">
     </a>
     <p style="margin-top: 20px; font-size: 15px">Duplication Confirmation</p>
   </div>
@@ -65,7 +65,7 @@ This is particularly useful when you want to develop an existing agent without a
 <br/>
 <center>
 <a style="border-radius: 0.4rem; cursor: zoom-in;" href="/images/seachat/en/create-a-new-agent/replace-button.png" target="_blank">
-<img width="80%" style="border-radius: 0.4rem" src="/images/seachat/en/create-a-new-agent/replace-button.png" alt="">
+<img width="80%" style="border-radius: 0.4rem" src="/images/seachat/en/create-a-new-agent/replace-button.png" alt="Agent Replacement | SeaChat Agent Duplicate">
 </a>
 
 **Agent Replacement**