From b64c7aa3dca9a341b0b521394c4f0979f867c9fe Mon Sep 17 00:00:00 2001
From: Ian Devlin <ian@iandevlin.com>
Date: Sun, 22 Apr 2018 03:45:49 +0200
Subject: [PATCH] Added note as to picture element source order and that the
 img element must always be present. (#1379)

Fix #1263, #1264

Thank you
---
 .gitignore                                  | 2 +-
 sections/semantics-embedded-content.include | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/.gitignore b/.gitignore
index 922e858eda..67062b3eb5 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1 @@
-single-page.html
\ No newline at end of file
+single-page.html
diff --git a/sections/semantics-embedded-content.include b/sections/semantics-embedded-content.include
index 6f344abc24..986552b85c 100644
--- a/sections/semantics-embedded-content.include
+++ b/sections/semantics-embedded-content.include
@@ -462,6 +462,9 @@
   which image resource to use, based on the screen pixel density, <a>viewport</a> size, image
   format, and other factors. It <a>represents</a> its children.
 
+  The user agent first tries to match an image source contained within the <{source}> attribute and use that,
+  but if none is found, it falls back to what is contained within the <{img}> element, which must be present.
+
   <div class="example">
     The following example utilizes <a for="image">art direction</a> to provide the appropriate
     image at a particular <a>viewport</a> for small and large screens.