- From: WCAG 2.0 Techniques Submission Form <nobody@w3.org>
- Date: Wed, 4 Jun 2008 16:41:26 +0000 (GMT)
- To: public-wcag2-techs@w3.org
Submitter's Name: Laura Carlson Submitter's Email: laura.lee.carlson@gmail.com Technique ID: UNKNOWN Short Name: Providing Text Alternatives for Images of Pictures Technique Category: HTML and XHTML Techniques Guideline Reference: text-equiv Success Criterion Reference: UNKNOWN Applicability: Applies to HTML UA Issues: Some photo sharing tools that do not comply with Authoring Tool Accessibility Guidelines (ATAG) and User Agent Accessibility Guidelines (UAAG), lack the ability to provide alternate text. Description: The objective of this technique is explain and demonstrate how to markup images of pictures or graphics. Images of pictures or graphics include visual representations of objects, people, scenes, abstractions, etc. This non-text content can convey a significant amount of information visually or provide a specific sensory experience to a sighted person. Examples * Photographs * Paintings * Drawings * Artwork Appropriate alt text value for a picture is a brief description, or name. As in all alt text authoring decisions, writing suitable text equivalents for pictures requires human judgment. The alt text value is subjective to the context where the image is used and the page author's writing style. Therefore, there is no single 'right' or 'correct' piece of alt text for any particular image. In addition to providing a short text alternative that gives a brief description of the non-text content, also providing supplemental content through another means when appropriate may be useful. Sample: An image on a page explaining in general terms Rorschach inkblot personality tests. The image is an abstract freeform which is subjective to individual interpretation. Sample Markup: <img src="inkblot.jpg" alt="An abstract, freeform inkblot"> or <figure> <img src="/commons/a/a7/Rorschach1.jpg" alt="An abstract, freeform inkblot"> <legend>A black outline of the first of the ten cards in the Rorschach inkblot test.</legend> </figure> Example 1 Head: Image of a painting inspired by a poem, on a page reciting that poem. Example 1 Description: In this case the painting is Waterhouse's 1888 "The Lady of Shalott" painting which was inspired by Tennyson's poem of the same name. In addition to the name provided via the alt attribute, a detailed description is provided on another page which is accessed via a link in the legend. A visible link like this can benefit not only screen reader users, but many others as well. <h1>The Lady of Shalott</h1> <figure> <img src="painting.jpg" alt="The Lady of Shalott, by John William Waterhouse"> <legend><a href="http://www.paciellogroup.com/blog/misc/uc/shallotdescription.html" Painting inspired by Tennyson's poem</a></legend> </figure> <!-- Full Recitation of Alfred, Lord Tennyson's Poem --> Example 2 Head: One of many vacation trip candid photographs uploaded to a photo-sharing site. Example 2 Description: It pictures your dog, Bubbles, digging in the sand on the beach. <figure> <img src="1100670787_6a7c664aef.jpg" alt="My dog, Bubbles, digging in the sand on the beach"> <legend>Bubbles traveled everywhere with us.</legend> </figure> Resource 1 Title: Web Design References: Accessibility Resource 1 URI: http://www.d.umn.edu/itss/support/Training/Online/webdesign/accessibility.html#alt Related Techniques: G73 G74 G92 G95 G100 H37 Test Procedure: 1. remove, hide, or mask the image 2. replace it with the text alternative 3. check that the description or name of the non-text content is present Expected Result: #3 is true. Additional Notes: These techniques are part of the HTMLWG's Action 54: First Draft http://esw.w3.org/topic/HTML/Action54AltAttribute If accepted by WCAG we hope to remove them from our document as stated in the second draft http://esw.w3.org/topic/HTML/Action54AltAttributeSecondDraft#head-f0bf2ebf9f3e1fa190974101c6b70700ff176772 The Action 54 first draft provides much non-normative guidance in the application of the ALT attribute, which may not be appropriate for inclusion in a markup language specification, and which moreover could be seen as usurping the role of WCAG 2.0 and its techniques documents. A format specification is not a tutorial. It would be very helpful if the Techniques for WCAG 2.0. could incorporate this information or a variation of it. Then the HTML5 spec could link to it. As PF has said, "WCAG WG is chartered to set Accessibility guidelines and HTML WG is not". http://lists.w3.org/Archives/Public/public-html/2008Feb/0082.html Thank you, The HTMLWG Action 54 Team: Steven Faulkner Joshue O Connor Laura Carlson Peer reviewers: Gez Lemon Gregory Rosmaita No resource 2 title submitted! No resource 2 URI submitted! No test file 1 was submitted! No test file 1 pass/fail was submitted! No test file 2 was submitted! No test file 2 pass/fail was submitted! ------------------------------------------------ <technique id="UNKNOWN"> <short-name>Providing Text Alternatives for Images of Pictures</short-name> <applies-to> <guideline idref="text-equiv" /> <success-criterion idref="UNKNOWN" /> </applies-to> <applicability> Applies to HTML </applicability> <ua_issues> Some photo sharing tools that do not comply with Authoring Tool Accessibility Guidelines (ATAG) and User Agent Accessibility Guidelines (UAAG), lack the ability to provide alternate text. </ua_issues> <description> The objective of this technique is explain and demonstrate how to markup images of pictures or graphics. Images of pictures or graphics include visual representations of objects, people, scenes, abstractions, etc. This non-text content can convey a significant amount of information visually or provide a specific sensory experience to a sighted person. Examples * Photographs * Paintings * Drawings * Artwork Appropriate alt text value for a picture is a brief description, or name. As in all alt text authoring decisions, writing suitable text equivalents for pictures requires human judgment. The alt text value is subjective to the context where the image is used and the page author's writing style. Therefore, there is no single 'right' or 'correct' piece of alt text for any particular image. In addition to providing a short text alternative that gives a brief description of the non-text content, also providing supplemental content through another means when appropriate may be useful. Sample: An image on a page explaining in general terms Rorschach inkblot personality tests. The image is an abstract freeform which is subjective to individual interpretation. Sample Markup: <img src="inkblot.jpg" alt="An abstract, freeform inkblot"> or <figure> <img src="/commons/a/a7/Rorschach1.jpg" alt="An abstract, freeform inkblot"> <legend>A black outline of the first of the ten cards in the Rorschach inkblot test.</legend> </figure> </description> <examples> <ex_head_1> Image of a painting inspired by a poem, on a page reciting that poem. </ex_head_1> <ex_desc_1> In this case the painting is Waterhouse's 1888 "The Lady of Shalott" painting which was inspired by Tennyson's poem of the same name. In addition to the name provided via the alt attribute, a detailed description is provided on another page which is accessed via a link in the legend. A visible link like this can benefit not only screen reader users, but many others as well. <h1>The Lady of Shalott</h1> <figure> <img src="painting.jpg" alt="The Lady of Shalott, by John William Waterhouse"> <legend><a href="http://www.paciellogroup.com/blog/misc/uc/shallotdescription.html" Painting inspired by Tennyson's poem</a></legend> </figure> <!-- Full Recitation of Alfred, Lord Tennyson's Poem --> </ex_desc_1> <ex_head_2> One of many vacation trip candid photographs uploaded to a photo-sharing site. </ex_head_2> <ex_desc_2> It pictures your dog, Bubbles, digging in the sand on the beach. <figure> <img src="1100670787_6a7c664aef.jpg" alt="My dog, Bubbles, digging in the sand on the beach"> <legend>Bubbles traveled everywhere with us.</legend> </figure> </ex_desc_2> </examples> <resources> <resources_title1> Web Design References: Accessibility </resources_title1> <resource_uri1> http://www.d.umn.edu/itss/support/Training/Online/webdesign/accessibility.html#alt </resource_uri1> <resources_title2> </resources_title2> <resource_uri2> </resource_uri2> </resources> <related_techniques> <related_technique> G73 </related_technique> <related_technique> G74 </related_technique> <related_technique> G92 </related_technique> <related_technique> G95 </related_technique> <related_technique> G100 </related_technique> <related_technique> H37 </related_technique> </related_techniques> <tests> <procedure> 1. remove, hide, or mask the image 2. replace it with the text alternative 3. check that the description or name of the non-text content is present </procedure> <expected_result> #3 is true. </expected_result> <test_file_1> </test_file_1> <pass_fail_1> </pass_fail_1> <test_file_2> </test_file_2> <pass_fail_2> </pass_fail_2> </tests> </technique> Additional Notes: These techniques are part of the HTMLWG's Action 54: First Draft http://esw.w3.org/topic/HTML/Action54AltAttribute If accepted by WCAG we hope to remove them from our document as stated in the second draft http://esw.w3.org/topic/HTML/Action54AltAttributeSecondDraft#head-f0bf2ebf9f3e1fa190974101c6b70700ff176772 The Action 54 first draft provides much non-normative guidance in the application of the ALT attribute, which may not be appropriate for inclusion in a markup language specification, and which moreover could be seen as usurping the role of WCAG 2.0 and its techniques documents. A format specification is not a tutorial. It would be very helpful if the Techniques for WCAG 2.0. could incorporate this information or a variation of it. Then the HTML5 spec could link to it. As PF has said, "WCAG WG is chartered to set Accessibility guidelines and HTML WG is not". http://lists.w3.org/Archives/Public/public-html/2008Feb/0082.html Thank you, The HTMLWG Action 54 Team: Steven Faulkner Joshue O Connor Laura Carlson Peer reviewers: Gez Lemon Gregory Rosmaita
Received on Wednesday, 4 June 2008 16:42:00 UTC