Details
-
Type: Bug
-
Status: Closed
-
Priority: Major
-
Resolution: Fixed
-
Affects Version/s: EE-3.0.0.GA, 3.1
-
Fix Version/s: EE-3.0.0.GA_P01, 3.2
-
Component/s: ICE-Components
-
Labels:None
-
Environment:Chrome, Fire Fox, Internet Explorer
-
Assignee Priority:P1
-
Affects:Compatibility/Configuration
Description
The following sample markup for an ice:panelTab, produces an HTML output where alt attributes of the spacer.gif images are missing.
This causes web accessibility errors "Linked Image missing alternative text" and breaks web page 508 compliance.
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ice="http://www.icesoft.com/icefaces/component">
<h:head>
<title>ICEfaces 3</title>
<ice:outputStyle href="./xmlhttp/css/rime/rime.css" />
</h:head>
<h:body>
<h:form id="iceForm">
<ice:panelTabSet>
<ice:panelTab id="activeExceptionsTabId" title="Active Exceptions">
<f:facet name="label">
<h:graphicImage value="/resources/images/LightBulbOn.png" alt="home" id="homeId" height="16" width="16"/>
</f:facet>
<h:outputText value="Test" />
</ice:panelTab>
</ice:panelTabSet>
</h:form>
</h:body>
</html>
Source code and screen shot attached.
NOTES:
Originally this bug was reported for cases where tab labels were using an image, but I was able to reproduce it with a string label as well.
This causes web accessibility errors "Linked Image missing alternative text" and breaks web page 508 compliance.
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ice="http://www.icesoft.com/icefaces/component">
<h:head>
<title>ICEfaces 3</title>
<ice:outputStyle href="./xmlhttp/css/rime/rime.css" />
</h:head>
<h:body>
<h:form id="iceForm">
<ice:panelTabSet>
<ice:panelTab id="activeExceptionsTabId" title="Active Exceptions">
<f:facet name="label">
<h:graphicImage value="/resources/images/LightBulbOn.png" alt="home" id="homeId" height="16" width="16"/>
</f:facet>
<h:outputText value="Test" />
</ice:panelTab>
</ice:panelTabSet>
</h:form>
</h:body>
</html>
Source code and screen shot attached.
NOTES:
Originally this bug was reported for cases where tab labels were using an image, but I was able to reproduce it with a string label as well.
I searched throughout compat and found and fixed these uses of spacer.gif without a corresponding alt="" attribute:
dataTable with rowSelector having keyboardNavigationEnabled=true
dataTable with resizable=true, using ice:column with groupOn set where the ice:column isn't the last one
dataTable with resizable=true where the column is the last one, regardless of if it's h:column or ice:column or groupOn is set
dataTable with resizable=true when the row being rendered isn't the last one
panelCollapsible with toggleOnClick=true and disabled=false
panelTabSet with disabled=false and has a label facet
selectInputDate when imageDir is not set
icefaces3-maintenance branch
Subversion 30101
trunk
Subversion 30516