Skip to content

Commit a8e7c72

Browse files
committed
Cleaned up goals, added notes on MQ flexibility and UA bandwidth handling.
1 parent 59581c9 commit a8e7c72

File tree

1 file changed

+9
-6
lines changed

1 file changed

+9
-6
lines changed

ResponsiveImages.html

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -211,14 +211,17 @@ <h1>Goals</h1>
211211
<p>The overarching goal is to give developers a way to provide user agents with sufficient information about each image, and applicable media, so that the user agent can select the most appropriate one for a dynamically changing browsing situations. This includes, but is not limited to, different screen pixel width/height, pixel densities, environmental lighting conditions, and potentially even situations where the network bandwith changes dymamically. By providing a graded set of image sources, UA discretion could similarly apply to situations where the network bandwith changes dymamically. Based on user settings and network latency calculated by the user agent, the UA may have the option of selecting lower density image sources.</p>
212212
<p>In addition, this proposal is being worked on with the following goals in mind:</p>
213213
<ul>
214+
<li>Respond to different screen pixel width/height.</li>
215+
<li>Respond to different screen pixel densities.</li>
216+
<li>Allows developers to provide user agents with sufficient information about each image source, allowing the user agent to select the most appropriate one for dynamically changing browsing situations. This includes but is not limited to: differing screen/window widths and heights, pixel densities, environmental lighting conditions, and any combination of contextual cues provided by media queries.</li>
217+
<li>Provides a graded set of image sources, allowing UA discretion to potentially be applied to situations where network bandwith is limited or variable. Based on user settings and network latency calculated by the user agent, the UA may have the option of selecting lower density image sources to conserve bandwidth.</li>
214218
<li>Will degrade gracefully on older user agents.</li>
215219
<li>Can be polyfilled.</li>
216-
<li>Retains, at a minimum, the same level of accessibility as current <code>img</code> element - and we may even be able to do better! </li>
217-
<li>Adhere to common conventions around for content, markup, behavior, and styling.</li>
218-
<li>Provides a purely client-side solution that can rely on scripts, but doesn&rsquo;t require it. Similarly, this solution must not require the use of any server-side technologies to reliably deliver content tailored for the end user&rsquo;s browsing situation.</li>
219-
<li>Supports use cases where authors need to explicitly define different image versions as opposed to simply different resolutions of the same image.</li>
220-
<li>Provides a consistent and predictable pattern for delivering alternate media sources based on client context.</li>
221-
<li>Supports succinct but understandable mark-up. </li>
220+
<li>Retains, at a minimum, the same level of accessibility as current <code>img</code> element. The resolution of <a href="http://www.w3.org/html/wg/tracker/issues/30">ISSUE-30: Should HTML 5 include a longdesc attribute for images</a> will determine the method by which authors can provide semantically rich markup as accessible text. </li>
221+
<li>Preserves separation of content markup and styling.</li>
222+
<li>Provides a consistent and predictable pattern for delivering alternate media sources based on client context.</li>
223+
<li>Provides a purely client-side solution which may include JavaScript, but doesn’t require it.</li>
224+
<li>Supports succinct but understandable mark-up.</li>
222225
<li>Don't repeat yourself: If the same image is used multiple times on a single page, it would be useful to define the resource selection in a single place in the document and have this affect all instances of the image</li>
223226
</ul>
224227
</section>

0 commit comments

Comments
 (0)