From 0e598cfd55db57338a1ba41a14ddc90889f3c47f Mon Sep 17 00:00:00 2001
From: wyattscarpenter <wyattscarpenter@gmail.com>
Date: Sat, 7 Sep 2024 21:31:44 -0700
Subject: [PATCH] Update images.md: swap san juan alt and title

Previously, this example was using the alt text of the image of the san juan mountains to provide commentary on the beauty of the san juan mountains, and the title text to blandly describe them. This is not as helpful at demonstrating the purposes of alt and title text as the other way around (since alt text is suppose to display if the image fails to display, and title text is additional information)
---
 _basic-syntax/images.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/_basic-syntax/images.md b/_basic-syntax/images.md
index f4ab351f5..44845fffe 100644
--- a/_basic-syntax/images.md
+++ b/_basic-syntax/images.md
@@ -5,8 +5,8 @@ syntax-summary: "![alt text](image.jpg)"
 description: "To add an image, add an exclamation mark (`!`), followed by alt text in brackets, and the path or URL to the image asset in parentheses. You can optionally add a title after the URL in the parentheses."
 examples:
   - markdown: |
-      ![The San Juan Mountains are beautiful!](/assets/images/san-juan-mountains.jpg "San Juan Mountains")
-    html: <img src=\"/assets/images/san-juan-mountains.jpg\" class=\"img-responsive\" alt=\"The San Juan Mountains are beautiful!\" title=\"San Juan Mountains\">
+      ![San Juan Mountains](/assets/images/san-juan-mountains.jpg "The San Juan Mountains are beautiful!")
+    html: <img src=\"/assets/images/san-juan-mountains.jpg\" class=\"img-responsive\" alt=\"San Juan Mountains\" title=\"The San Juan Mountains are beautiful!\">
 additional-examples:
   - name: "Linking Images"
     description: "To add a link to an image, enclose the Markdown for the image in brackets, and then add the link in parentheses."
@@ -18,12 +18,12 @@ additional-examples:
 To add an image, add an exclamation mark (`!`), followed by alt text in brackets, and the path or URL to the image asset in parentheses. You can optionally add a title in quotation marks after the path or URL.
 
 ```
-![The San Juan Mountains are beautiful!](/assets/images/san-juan-mountains.jpg "San Juan Mountains")
+![San Juan Mountains](/assets/images/san-juan-mountains.jpg "The San Juan Mountains are beautiful!")
 ```
 
 The rendered output looks like this:
 
-{% include image.html file="/assets/images/san-juan-mountains.jpg" alt="The San Juan Mountains are beautiful!" title="San Juan Mountains" lazy="yes" %}
+{% include image.html file="/assets/images/san-juan-mountains.jpg" alt="San Juan Mountains" title="The San Juan Mountains are beautiful!" lazy="yes" %}
 
 <div class="alert alert-info">
   <i class="fas fa-info-circle"></i> <strong>Note:</strong> To resize an image, see the section on <a href="/hacks/#image-size">image size</a>. To add a caption, see the section on <a href="/hacks/#image-captions">image captions</a>.