<?xml version="1.0" encoding="UTF-8"?>
<testCaseDescription id="sc1.1.1_l1_017" xml:lang="en"
    xmlns="http://bentoweb.org/refs/TCDL1.1"
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    xmlns:html="http://www.w3.org/1999/xhtml"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns:xsd="http://www.w3.org/2001/XMLSchema"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://bentoweb.org/refs/TCDL1.1 http://bentoweb.org/refs/schemas/tcdl1.1.xsd http://purl.org/dc/elements/1.1/ http://dublincore.org/schemas/xmls/simpledc20021212.xsd http://www.w3.org/1999/xhtml http://www.w3.org/2004/07/xhtml/xhtml1-strict.xsd http://www.w3.org/1999/xlink http://bentoweb.org/refs/schemas/xlink.xsd">
<!--
 Copyright &#169; BenToWeb Consortium 2004-2007

 Licensed under the BenToWeb License, Version 1.0 (the "License"); you may
 not use this file except in compliance with the License. You may obtain
 a copy of the License at http://bentoweb.org/refs/LICENSE.html

 Unless required by applicable law or agreed to in writing, software
 distributed under the License is distributed on an "AS IS" BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
-->
  <formalMetadata>
    <description>A document with an <html:code>object</html:code> element in an image map. The <html:code>object</html:code> element embeds an image in <html:acronym>PNG</html:acronym> format, and 
      contains an <html:code>img</html:code> element with the <html:acronym>GIF</html:acronym> version of the same image.
      The <html:code>alt</html:code> attribute of the <html:code>img</html:code> element identifies the image and conveys the same information.
      However, the <html:code>alt</html:code> attribute of one of the map's <html:code>area</html:code> elements is empty.
      The <html:code>object</html:code> element does not have a <html:code>title</html:code> attribute or any other text alternative, 
      so the only text alternative to the image is the <html:code>alt</html:code> attribute of the <html:code>img</html:code> element nested inside the <html:code>object</html:code> element.
    </description>
    <title>Alt attribute for areas in client-side image maps: object and nested image both referencing same map</title>
    <dc:creator>Christophe.Strobbe@esat.kuleuven.be</dc:creator>
    <dc:language>en</dc:language>
    <dc:rights>Copyright BenToWeb 2005-2007</dc:rights>
    <date>2005-08-29</date>
    <status>accepted QA</status><!--@@migrated 2007-11-20-->
  </formalMetadata>
  <technology>
    <recommendation xlink:href="http://www.w3.org/TR/xhtml1/">
      <label><html:acronym>XHTML</html:acronym>™ 1.0 The Extensible HyperText Markup Language (Second Edition)</label>
      <testElements>
        <testElement>
          <elementName localname="img" namespace="http://www.w3.org/1999/xhtml"/>
          <specReference xlink:href="http://www.w3.org/TR/1999/REC-html401-19991224/struct/objects.html#adef-alt">How to specify alternate text</specReference>
        </testElement>
        <testElement>
          <elementName localname="object" namespace="http://www.w3.org/1999/xhtml"/>
          <specReference xlink:href="http://www.w3.org/TR/1999/REC-html401-19991224/struct/objects.html#h-13.3">General Inclusion: The <html:code>object</html:code> element</specReference>
        </testElement>
        <testElement>
          <elementName localname="map" namespace="http://www.w3.org/1999/xhtml"/>
          <specReference xlink:href="http://www.w3.org/TR/1999/REC-html401-19991224/struct/objects.html#idx-client-side_image_map-1">How to create client-side image maps</specReference>
        </testElement>
        <testElement>
          <elementName localname="area" namespace="http://www.w3.org/1999/xhtml"/>
          <specReference xlink:href="http://www.w3.org/TR/1999/REC-html401-19991224/struct/objects.html#edef-AREA">Client-side image maps: the <html:code>map</html:code> and <html:code>area</html:code> elements</specReference>
        </testElement>
      </testElements>
    </recommendation>
  </technology>
  <testCase complexity="atomic">
    <purpose>
      <p>This test case is intended to fail because one of the areas of the image map has no text alternative. The empty text alternative is an issue in itself, but, in addition to this, browser support for the <html:code>object</html:code> element may also determine if this test case is accessible or not. Internet Explorer has weak or no support for the <html:code>object</html:code> element.</p>
    </purpose>
    <requiredTests>
      <testModes>
        <testMode>oneExpert</testMode>
      </testModes>
      <scenario id="s01" name="Scenario s01blind speech IE5">
        <scenarioNotes>
          <p>Scenarios in this test case need a new question!</p>
        </scenarioNotes>
        <questions>
          <yesNoQuestion>
            <questionText xml:lang="en">
              <p>There are three areas to the image, does each one have a description (this is separate from the description for the whole image)?</p>
            </questionText>
            <optionYes value="1"/>
            <optionNo value="-1"/>
            <optionOther xml:lang="en">
              <p/>
            </optionOther>
          </yesNoQuestion>
        </questions>
        <experience>
          <AssistiveTechnology minimumLevel="2" type="screenreader"/>
          <UserAgent minimumLevel="1" product="Microsoft Internet Explorer" type="browser" version="5"/>
        </experience>
        <disabilities>
          <disability>blindness</disability>
          <disability>low vision</disability>
        </disabilities>
      </scenario>
      <scenario id="s02" name="Scenario s02 blind braille IE5">
        <questions>
          <yesNoOpenQuestion>
            <questionText xml:lang="en">
              <p>Did you understand what was in the image?</p>
            </questionText>
            <questionText xml:lang="nl">
              <p>Begreep u wat er te zien was in de afbeelding ?</p>
            </questionText>
            <optionYes value="1"/>
            <optionNo value="-1"/>
            <optionOther xml:lang="en">
              <p>If you were not sure what was in the image, please indicate why this was unclear.</p>
            </optionOther>
            <optionOther xml:lang="nl">
              <p>Indien u niet zeker was over wat er in de afbeelding getoond werd, geef aan waarom dit onduidelijk was.</p>
            </optionOther>
            <space>
              <rows>10</rows>
              <columns>50</columns>
            </space>
          </yesNoOpenQuestion>
        </questions>
        <experience>
          <AssistiveTechnology minimumLevel="2" type="screenreader"/>
          <AssistiveTechnology minimumLevel="2" type="Braille display"/>
          <UserAgent minimumLevel="1" product="Microsoft Internet Explorer" type="browser" version="5.0"/>
        </experience>
        <disabilities>
          <disability>blindness</disability>
          <disability>low vision</disability>
        </disabilities>
      </scenario>
      <scenario id="s03" name="Scenario s03 blind speech IE5.5">
        <questions>
          <yesNoOpenQuestion>
            <questionText xml:lang="en">
              <p>Did you understand what was in the image?</p>
            </questionText>
            <questionText xml:lang="nl">
              <p>Begreep u wat er te zien was in de afbeelding ?</p>
            </questionText>
            <optionYes value="1"/>
            <optionNo value="-1"/>
            <optionOther xml:lang="en">
              <p>If you were not sure what was in the image, please indicate why this was unclear.</p>
            </optionOther>
            <optionOther xml:lang="nl">
              <p>Indien u niet zeker was over wat er in de afbeelding getoond werd, geef aan waarom dit onduidelijk was.</p>
            </optionOther>
            <space>
              <rows>10</rows>
              <columns>50</columns>
            </space>
          </yesNoOpenQuestion>
        </questions>
        <experience>
          <AssistiveTechnology minimumLevel="2" type="screenreader"/>
          <UserAgent minimumLevel="1" product="Microsoft Internet Explorer" type="browser" version="5.5"/>
        </experience>
        <disabilities>
          <disability>blindness</disability>
          <disability>low vision</disability>
        </disabilities>
      </scenario>
      <scenario id="s04" name="Scenario s04 blind braille IE5.5">
        <questions>
          <yesNoOpenQuestion>
            <questionText xml:lang="en">
              <p>Did you understand what was in the image?</p>
            </questionText>
            <questionText xml:lang="nl">
              <p>Begreep u wat er te zien was in de afbeelding ?</p>
            </questionText>
            <optionYes value="1"/>
            <optionNo value="-1"/>
            <optionOther xml:lang="en">
              <p>If you were not sure what was in the image, please indicate why this was unclear.</p>
            </optionOther>
            <optionOther xml:lang="nl">
              <p>Indien u niet zeker was over wat er in de afbeelding getoond werd, geef aan waarom dit onduidelijk was.</p>
            </optionOther>
            <space>
              <rows>10</rows>
              <columns>50</columns>
            </space>
          </yesNoOpenQuestion>
        </questions>
        <experience>
          <AssistiveTechnology minimumLevel="2" type="screenreader"/>
          <AssistiveTechnology minimumLevel="2" type="Braille display"/>
          <UserAgent minimumLevel="1" product="Microsoft Internet Explorer" type="browser" version="5.5"/>
        </experience>
        <disabilities>
          <disability>blindness</disability>
          <disability>low vision</disability>
        </disabilities>
      </scenario>
      <scenario id="s05" name="Scenario s05 blind speech IE6">
        <questions>
          <yesNoOpenQuestion>
            <questionText xml:lang="en">
              <p>Did you understand what was in the image?</p>
            </questionText>
            <questionText xml:lang="nl">
              <p>Begreep u wat er te zien was in de afbeelding ?</p>
            </questionText>
            <optionYes value="1"/>
            <optionNo value="-1"/>
            <optionOther xml:lang="en">
              <p>If you were not sure what was in the image, please indicate why this was unclear.</p>
            </optionOther>
            <optionOther xml:lang="nl">
              <p>Indien u niet zeker was over wat er in de afbeelding getoond werd, geef aan waarom dit onduidelijk was.</p>
            </optionOther>
            <space>
              <rows>10</rows>
              <columns>50</columns>
            </space>
          </yesNoOpenQuestion>
        </questions>
        <experience>
          <AssistiveTechnology minimumLevel="2" type="screenreader"/>
          <UserAgent minimumLevel="1" product="Microsoft Internet Explorer" type="browser" version="6.0"/>
        </experience>
        <disabilities>
          <disability>blindness</disability>
          <disability>low vision</disability>
        </disabilities>
      </scenario>
      <scenario id="s06" name="Scenario s06 blind braille IE6.0">
        <questions>
          <yesNoOpenQuestion>
            <questionText xml:lang="en">
              <p>Did you understand what was in the image?</p>
            </questionText>
            <questionText xml:lang="nl">
              <p>Begreep u wat er te zien was in de afbeelding ?</p>
            </questionText>
            <optionYes value="1"/>
            <optionNo value="-1"/>
            <optionOther xml:lang="en">
              <p>If you were not sure what was in the image, please indicate why this was unclear.</p>
            </optionOther>
            <optionOther xml:lang="nl">
              <p>Indien u niet zeker was over wat er in de afbeelding getoond werd, geef aan waarom dit onduidelijk was.</p>
            </optionOther>
            <space>
              <rows>10</rows>
              <columns>50</columns>
            </space>
          </yesNoOpenQuestion>
        </questions>
        <experience>
          <AssistiveTechnology minimumLevel="2" type="screenreader"/>
          <AssistiveTechnology minimumLevel="2" type="Braille display"/>
          <UserAgent minimumLevel="1" product="Microsoft Internet Explorer" type="browser" version="6.0"/>
        </experience>
        <disabilities>
          <disability>blindness</disability>
          <disability>low vision</disability>
        </disabilities>
      </scenario>
      <scenario id="s07" name="Scenario s07 lowvis mag IE5">
        <questions>
          <yesNoOpenQuestion>
            <questionText xml:lang="en">
              <p>Did you understand what was in the image?</p>
            </questionText>
            <questionText xml:lang="nl">
              <p>Begreep u wat er te zien was in de afbeelding ?</p>
            </questionText>
            <optionYes value="1"/>
            <optionNo value="-1"/>
            <optionOther xml:lang="en">
              <p>If you were not sure what was in the image, please indicate why this was unclear.</p>
            </optionOther>
            <optionOther xml:lang="nl">
              <p>Indien u niet zeker was over wat er in de afbeelding getoond werd, geef aan waarom dit onduidelijk was.</p>
            </optionOther>
            <space>
              <rows>10</rows>
              <columns>50</columns>
            </space>
          </yesNoOpenQuestion>
        </questions>
        <experience>
          <AssistiveTechnology minimumLevel="2" type="screenreader with magnification"/>
          <UserAgent minimumLevel="1" product="Microsoft Internet Explorer" type="browser" version="5"/>
        </experience>
        <disabilities>
          <disability>low vision</disability>
        </disabilities>
      </scenario>
      <scenario id="s08" name="Scenario s08 lowvis mag IE5.5">
        <questions>
          <yesNoOpenQuestion>
            <questionText xml:lang="en">
              <p>Did you understand what was in the image?</p>
            </questionText>
            <questionText xml:lang="nl">
              <p>Begreep u wat er te zien was in de afbeelding ?</p>
            </questionText>
            <optionYes value="1"/>
            <optionNo value="-1"/>
            <optionOther xml:lang="en">
              <p>If you were not sure what was in the image, please indicate why this was unclear.</p>
            </optionOther>
            <optionOther xml:lang="nl">
              <p>Indien u niet zeker was over wat er in de afbeelding getoond werd, geef aan waarom dit onduidelijk was.</p>
            </optionOther>
            <space>
              <rows>10</rows>
              <columns>50</columns>
            </space>
          </yesNoOpenQuestion>
        </questions>
        <experience>
          <AssistiveTechnology minimumLevel="2" type="screenreader with magnification"/>
          <UserAgent minimumLevel="1" product="Microsoft Internet Explorer" type="browser" version="5.5"/>
        </experience>
        <disabilities>
          <disability>low vision</disability>
        </disabilities>
      </scenario>
      <scenario id="s09" name="Scenario s09 lowvis mag IE6">
        <questions>
          <yesNoOpenQuestion>
            <questionText xml:lang="en">
              <p>Did you understand what was in the image?</p>
            </questionText>
            <questionText xml:lang="nl">
              <p>Begreep u wat er te zien was in de afbeelding ?</p>
            </questionText>
            <optionYes value="1"/>
            <optionNo value="-1"/>
            <optionOther xml:lang="en">
              <p>If you were not sure what was in the image, please indicate why this was unclear.</p>
            </optionOther>
            <optionOther xml:lang="nl">
              <p>Indien u niet zeker was over wat er in de afbeelding getoond werd, geef aan waarom dit onduidelijk was.</p>
            </optionOther>
            <space>
              <rows>10</rows>
              <columns>50</columns>
            </space>
          </yesNoOpenQuestion>
        </questions>
        <experience>
          <AssistiveTechnology minimumLevel="2" type="screenreader with magnification"/>
          <UserAgent minimumLevel="1"
              product="Microsoft Internet Explorer"
              type="browser" version="6.0"/>
        </experience>
        <disabilities>
          <disability>low vision</disability>
        </disabilities>
      </scenario>
    </requiredTests>
    <files>
      <file hrefLang="en" xlink:href="../testfiles/sc1.1.1_l1_017.html"/>
    </files>
  </testCase>
  <rules>
    <rule id="http://bentoweb.org/refs/rulesets.xml#WCAG2_20070517_1.1_text-equiv-all" primary="yes">
      <locations expectedResult="fail"><!-- @@@ fails the letter of WCAG, but causes almost no problems in user testing. -->
        <location column="7" line="15" xpath="/h:html/h:body/h:div[1]/h:object[1]/h:img/@alt"/>
        <location column="47" line="19" xpath="/h:html/h:body/h:div[1]/h:map[1]/h:area[2]/@alt"/>
      </locations>
      <functionalOutcome>
        <p>The image has a fallback with a text description but one of the areas in the image map has no text description.</p>
      </functionalOutcome>
      <techComment>
        <p>The <html:code>object</html:code> element has an <html:code>img</html:code> element with an <html:code>alt</html:code> attribute as a fallback .
          Since there is no direct text alternative, it is not entirely clear if this code is accessible.
          However, since the second <html:code>area</html:code> element in the map <html:code>element</html:code> has an empty <html:code>alt</html:code> attribute, this case does not pass. 
        </p>
        <p>This test case is identical to sc1.1.1_l1_011, except that the second <html:code>area</html:code> has an empty <html:code>alt</html:code> attribute.</p>
        <p>(In Mozilla 1.7.3 and Firefox 1.0, the map does not work if the <html:code>map</html:code> element has only an <html:code>id</html:code> and no <html:code>name</html:code> attribute.)</p>
        <p>(Internet Explorer 6.0 on Windows 2000 does not support <html:code>object</html:code> but displays the fallback image; Internet Explorer 6.0 on Windows XP does not display the fallback image. Firefox 2.0 and SeaMonkey 1.1 do not display the fallback image if the image defined by the <html:code>object</html:code> element cannot be retrieved.)<!--@@--></p>
        <p>This test case does not map to a <html:acronym>WCAG</html:acronym> 2.0 technique or failure.</p>
        <!-- http://www.w3.org/TR/2007/WD-WCAG20-TECHS-20070517/Overview.html#H53 Using the body of the object element -->
      </techComment>
    </rule>
    <rule id="http://bentoweb.org/refs/rulesets.xml#WCAG2_20060427_1.1_text-equiv-all" primary="no">
      <locations expectedResult="fail"><!-- @@@ fails the letter of WCAG, but causes almost no problems in user testing. -->
        <location column="7" line="15" xpath="/h:html/h:body/h:div[1]/h:object[1]/h:img/@alt"/>
        <location column="47" line="19" xpath="/h:html/h:body/h:div[1]/h:map[1]/h:area[2]/@alt"/>
      </locations>
      <functionalOutcome>
        <p>The image has a fallback with a text description but one of the areas in the image map has no text description.
          User testing with screen reader users provided the following results: most users of speech output (20 out of 22) could understand the image, and most users (3 out of 4) of a Braille display could also understand it.
          (All were users of Internet Explorer 6 or 7.)
          User testing with magnification users provided the following results: one user of Internet Explorer 6 could understand the image. (Only one user of magnification for this test.)
          This test case needs re-testing with a new question in the scenarios.
        </p>
      </functionalOutcome>
      <techComment>
        <p>The <html:code>object</html:code> element has an <html:code>img</html:code> element with an <html:code>alt</html:code> attribute as a fallback .
          Since there is no direct text alternative, it is not entirely clear if this code is accessible.
          However, since the second <html:code>area</html:code> element in the map <html:code>element</html:code> has an empty <html:code>alt</html:code> attribute, this case does not pass. 
        </p>
        <p>This test case is identical to sc1.1.1_l1_011, except that the second <html:code>area</html:code> has an empty <html:code>alt</html:code> attribute.</p>
        <p>(In Mozilla 1.7.3 and Firefox 1.0, the map does not work if the <html:code>map</html:code> element has only an <html:code>id</html:code> and no <html:code>name</html:code> attribute.)</p>
        <p>(Internet Explorer 6.0 on Windows 2000 does not support <html:code>object</html:code> but displays the fallback image; Internet Explorer 6.0 on Windows XP does not display the fallback image.)@@</p>
        <p>Online version: <html:span><html:a href="http://www.bentoweb.org/ts/XHTML1_TestSuite2/metadata/sc1.1.1_l1_017">sc1.1.1_l1_017</html:a></html:span>.</p>
      </techComment>
    </rule>
    <rule id="http://bentoweb.org/refs/rulesets.xml#WCAG2_20050630_1.1_text-equiv-informative" primary="no">
      <locations expectedResult="fail">
        <location column="7" line="15" xpath="/h:html/h:body/h:div[1]/h:object[1]/h:img/@alt"/>
        <location column="47" line="19" xpath="/h:html/h:body/h:div[1]/h:map[1]/h:area[2]/@alt"/>
      </locations>
      <functionalOutcome>
        <p>The image has a fallback with a text description but one of the areas in the image map has no text description.</p>
      </functionalOutcome>
      <techComment>
        <p>The <html:code>object</html:code> element has an <html:code>img</html:code> element with an <html:code>alt</html:code> attribute as a fallback .
          Since there is no direct text alternative, it is not entirely clear if this code is accessible.
          However, since the second <html:code>area</html:code> element in the map <html:code>element</html:code> has an empty <html:code>alt</html:code> attribute, this case does not pass. 
        </p>
        <p>This test case is identical to xhtml1_wcag2_20050630_1.1_l1_sc1_011, except that the second <html:code>area</html:code> has an empty <html:code>alt</html:code> attribute.</p>
        <p>(In Mozilla 1.7.3 and Firefox 1.0, the map does not work if the <html:code>map</html:code> element has only an <html:code>id</html:code> and no <html:code>name</html:code> attribute.)</p>
        <p>(Internet Explorer does not support <html:code>object</html:code> but displays the fallback image.)</p>
      </techComment>
    </rule>
  </rules>
  <namespaceMappings>
    <namespace nsPrefix="h" nsURI="http://www.w3.org/1999/xhtml"/>
  </namespaceMappings>
</testCaseDescription>
