Check Box inside Rad Grid 508 Compliance
Many times we used check box inside a grid like :
<telerik:GridTemplateColumn UniqueName="ColoumnChk" HeaderText="Check Here">
<ItemTemplate>
<asp:CheckBox ID="chkNew" AutoPostBack="true" runat="server" Text="Abc" />
</ItemTemplate>
</telerik:GridTemplateColumn>
But some time we need to hide check box text like :
<telerik:GridTemplateColumn UniqueName="ColoumnChk" HeaderText="Check Here">
<ItemTemplate>
<asp:CheckBox ID="chkNew" AutoPostBack="true" runat="server" Text="" />
</ItemTemplate>
</telerik:GridTemplateColumn>
In this case an accessibility error(508 Compliance) will occur. So for treat this error we have to provide check box text and hide that using a CSS class like :
<telerik:GridTemplateColumn UniqueName="ColoumnChk" HeaderText="Check Here">
<ItemTemplate>
<asp:CheckBox ID="chkNew" AutoPostBack="true" runat="server" Text="Abc" CssClass="MyClass" />
</ItemTemplate>
</telerik:GridTemplateColumn>
Our CSS class is here :
<style type="text/css">
.MyClass label
{
display:none;
}
</style>
Comments
Post a Comment