SearchBox Accessibility Error

[Issac]

My pages fail Accessibility for using the SearchBox control with the following error;

"This input (type=text) element does not have a mechanism that allows an accessible name value to be calculated"

Any idea how to fix?

Thanks!

 

<telerik:RadSearchBox ID="RadSearchBox1" runat="server" TabIndex="15" Width="190px" DataSourceID="SqlDataSource1"
DataKeyNames="search" MaxResultCount="15" RenderMode="Lightweight" 
DataValueField="search" 
DataTextField="search"   
Filter="StartsWith" AccessKey="S" ToolTip="Search Box"                                                                          
OnButtonCommand="RadSearchBox1_ButtonCommand"
OnDataSourceSelect="RadSearchBox1_DataSourceSelect"
OnSearch="RadSearchBox1_Search" 
EmptyMessage="Search Here..."                                                                     
ShowSearchButton="false">
</telerik:RadSearchBox>
                                                               

[Rumen]

Hi Issac,

Can you please set the Label property of RadSearchBox which will render a label HTML tag and assign it to the searchbox input?

<telerik:RadSearchBox ID="RadSearchBox1" runat="server" TabIndex="15" Width="190px" 
Label="Search"
DataSourceID="SqlDataSource1"
DataKeyNames="search" MaxResultCount="15" RenderMode="Lightweight" 
DataValueField="search" 
DataTextField="search"   
Filter="StartsWith" AccessKey="S" ToolTip="Search Box"                                                                          
OnButtonCommand="RadSearchBox1_ButtonCommand"
OnDataSourceSelect="RadSearchBox1_DataSourceSelect"
OnSearch="RadSearchBox1_Search" 
EmptyMessage="Search Here..."                                                                     
ShowSearchButton="false">
</telerik:RadSearchBox>

If you still get this error, please specify:

• which Accessibility Checker tool you are using?
• what is the suggested markup/solution suggested by the accessibility tool, e.g. to apply aria-label to the input or something else?
• what is the generated markup on your side in the browser devtools?

Regards,
Rumen
Progress Telerik

[Issac]

Fixed, thanks!