Quantcast
Channel: SCN : Discussion List - Business Server Pages (BSP)
Viewing all articles
Browse latest Browse all 237

Accessibility problem in BSPs: labels of checkboxes not correctly associated

$
0
0

Hello everyone,

 

i have the following problem:

 

When using a screenreader (like Jaws), the htmlb:label for a htmlb:checkbox is not correctly associated.

 

The screenreader doesn't read the content of the label for the checkbox, but instead the title of the checkbox-image ( BSP_ID/1x1 - the name of the iamge seems to be 1x1.gif ).

 

It works for other components like htmlb:inputField

 

In this example the association between label and component WORKS (the screenreader correctly reads the label-text):

 

<htmlb:gridLayoutCell columnIndex = "1"
rowIndex= "1" >
<htmlb:label for="//MODEL/ATTRIBUTE.FIELD1" />
</htmlb:gridLayoutCell>
<htmlb:gridLayoutCell columnIndex = "2"
rowIndex= "1" >
<htmlb:inputField value= "//MODEL/ATTRIBUTE.FIELD1"
submitOnEnter = "TRUE"
width= "150" />
</htmlb:gridLayoutCell>

 

 

In this example the association between labeln and compontent DOESN'T WORK (the screenreader reads "BSP_ID/1x1" instead of the text shown in the browser):

 

<htmlb:gridLayoutCell columnIndex = "5"
rowIndex= "1" >
<htmlb:label for="//MODEL/ATTRIBUTE.FIELD2" />
</htmlb:gridLayoutCell>
<htmlb:gridLayoutCell columnIndex = "6"
rowIndex= "1" >
<htmlb:checkbox checked = "//MODEL/ATTRIBUTE.FIELD2"
text= " "
encode  = "FALSE"
</htmlb:gridLayoutCell>

 

 

One way to solve this, is to use the standard HTML <label>, but i don't know how to access my BSP-model from it.

 

Can anyone help?


Viewing all articles
Browse latest Browse all 237

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>