Scenario 1: area element without alt attribute |
|
<![CDATA[<img src="../../../Resources/Images/Deque_Products.png" alt="Deque Products list" usemap="#Map1">
<map name="Map" id="Map1" class="wcag-fail">
<area shape="rect" coords="176,14,323,58" href="http://www.deque.com/products/">
<area shape="rect" coords="6,138,155,182" href="http://www.deque.com/products/axe/">
<area shape="rect" coords="175,138,323,182" href="http://www.deque.com/products/worldspace-comply/">
<area shape="rect" coords="345,136,496,186" href="http://www.deque.com/products/amaze/" >
</map>]]> |
Scenario 2: area element with empty alt attribute |
|
|
<![CDATA[<img src="../../../Resources/Images/Deque_Products.png" alt="Deque Products list" usemap="#Map2">
<map name="Map" id="Map2" class="wcag-fail">
<area shape="rect" coords="176,14,323,58" href="http://www.deque.com/products/" alt="">
<area shape="rect" coords="6,138,155,182" href="http://www.deque.com/products/axe/" alt="">
<area shape="rect" coords="175,138,323,182" href="http://www.deque.com/products/worldspace-comply/" alt="">
<area shape="rect" coords="345,136,496,186" href="http://www.deque.com/products/amaze/" alt="">
</map>]]> |
Scenario 3: area element with empty title attribute |
|
|
<![CDATA[<img src="../../../Resources/Images/Deque_Products.png" alt="Deque Products list" usemap="#Map3">
<map name="Map" id="Map3" class="wcag-fail">
<area shape="rect" coords="176,14,323,58" href="http://www.deque.com/products/" title="">
<area shape="rect" coords="6,138,155,182" href="http://www.deque.com/products/axe/" title="">
<area shape="rect" coords="175,138,323,182" href="http://www.deque.com/products/worldspace-comply/" title="">
<area shape="rect" coords="345,136,496,186" href="http://www.deque.com/products/amaze/" title="">
</map>]]> |
Scenario 4: area element with empty aria-label attribute |
|
|
<![CDATA[<img src="../../../Resources/Images/Deque_Products.png" alt="Deque Products list" usemap="#Map4">
<map name="Map" id="Map4" class="wcag-fail">
<area shape="rect" coords="176,14,323,58" href="http://www.deque.com/products/" aria-label="">
<area shape="rect" coords="6,138,155,182" href="http://www.deque.com/products/axe/" aria-label="">
<area shape="rect" coords="175,138,323,182" href="http://www.deque.com/products/worldspace-comply/" aria-label="">
<area shape="rect" coords="345,136,496,186" href="http://www.deque.com/products/amaze/" aria-label="">
</map>]]> |
Scenario 5: area elements of image maps have alternate text using aria-labelledby |
|
deque products
aXe
worldspace comply
amaze
|
<![CDATA[<img src="../../../Resources/Images/Deque_Products.png" alt="Deque Products list" usemap="#Map5">
<map name="Map" id="Map5" class="wcag-fail">
<area shape="rect" coords="176,14,323,58" href="http://www.deque.com/products/" aria-labelledby="" >
<area shape="rect" coords="6,138,155,182" href="http://www.deque.com/products/axe/" aria-labelledby="" >
<area shape="rect" coords="175,138,323,182" href="http://www.deque.com/products/worldspace-comply/" aria-labelledby="" >
<area shape="rect" coords="345,136,496,186" href="http://www.deque.com/products/amaze/" aria-labelledby="" >
</map>
<div style="visibility:hidden">
<span id="p1_5">deque products</span>
<span id="p2_5">aXe</span>
<span id="p3_5">worldspace comply</span>
<span id="p4_5">amaze</span>
</div>]]> |
Scenario 6: area elements of image maps have invalid reference for aria-labelledby |
|
deque products
aXe
worldspace comply
amaze
|
<![CDATA[<img src="../../../Resources/Images/Deque_Products.png" alt="Deque Products list" usemap="#Map6">
<map name="Map" id="Map6" class="wcag-fail">
<area shape="rect" coords="176,14,323,58" href="http://www.deque.com/products/" aria-labelledby="p6" >
<area shape="rect" coords="6,138,155,182" href="http://www.deque.com/products/axe/" aria-labelledby="p7" >
<area shape="rect" coords="175,138,323,182" href="http://www.deque.com/products/worldspace-comply/" aria-labelledby="p8" >
<area shape="rect" coords="345,136,496,186" href="http://www.deque.com/products/amaze/" aria-labelledby="p9" >
</map>
<div style="visibility:hidden">
<span id="p1_6">deque products</span>
<span id="p2_6">aXe</span>
<span id="p3_6">worldspace comply</span>
<span id="p4_6">amaze</span>
</div>]]> |
Scenario 7: area element with placeholder alternative text |
|
|
<![CDATA[<img src="../../../Resources/Images/Deque_Products.png" alt="Deque Products list" usemap="#Map7">
<map name="Map" id="Map7" class="wcag-fail">
<area shape="rect" coords="176,14,323,58" href="http://www.deque.com/products/" alt="image">
<area shape="rect" coords="6,138,155,182" href="http://www.deque.com/products/axe/" alt="img">
<area shape="rect" coords="175,138,323,182" href="http://www.deque.com/products/worldspace-comply/" alt="images">
<area shape="rect" coords="345,136,496,186" href="http://www.deque.com/products/amaze/" alt="spacer">
</map>]]> |
Scenario 8: area element having alternative text using special characters |
|
@@!!
|
<![CDATA[<img src="../../../Resources/Images/Deque_Products.png" alt="Deque Products list" usemap="#Map8">
<map name="Map" id="Map8" class="wcag-fail">
<area shape="rect" coords="176,14,323,58" href="http://www.deque.com/products/" alt="@@!!">
<area shape="rect" coords="6,138,155,182" href="http://www.deque.com/products/axe/" aria-label="@@!!">
<area shape="rect" coords="175,138,323,182" href="http://www.deque.com/products/worldspace-comply/" title="@@!!">
<area shape="rect" coords="345,136,496,186" href="http://www.deque.com/products/amaze/" aria-labelledby="p1_8">
</map>
<div style="visibility:hidden">
<span id="p1_8">@@!!</span>
</div>]]> |