Completed
Last Updated: 18 Nov 2020 11:13 by ADMIN
Release R1 2021
Narendra
Created on: 17 Nov 2020 09:54
Category: UI for ASP.NET AJAX
Type: Bug Report
0
ComboBox arrow button must have discernible text

ADA Compliance Issue - ComboBox, DropDownList, DatePicker, DateTimePicker and TimePicker Buttons must have discernible text 

1 comment
ADMIN
Rumen
Posted on: 17 Nov 2020 10:12

Hi Narendra,

Thank you for reporting this ADA compliance issue!

As a temporary solution, you can apply the missing title/aria-label attribute via the following JavaScript:

<script>    
    function OnClientLoad(sender, args) {
        var button = $telerik.$(sender.get_element()).find(".p-icon.p-i-arrow-60-down");
        button.attr("title", "Toggle");
        // or set button.attr("aria-label", "Toggle");
    }
</script>
<telerik:RadComboBox ID="RadComboBox1" runat="server" Skin="Bootstrap" OnClientLoad="OnClientLoad"  EnableAriaSupport="true">
    <KeyboardNavigationSettings CommandKey="Alt" FocusKey="M" />
    <Items>
        <telerik:RadComboBoxItem Text="Item1" />
        <telerik:RadComboBoxItem Text="Item2" />
        <telerik:RadComboBoxItem Text="Item3" />
    </Items>
</telerik:RadComboBox>

Best Regards,
Rumen
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.