Accessible filter control

3 posts, 1 answers
  1. Vicky
    Vicky avatar
    2 posts
    Member since:
    May 2012

    Posted 03 Mar Link to this post

    Hello. I am working on improving controls to meet 508 accessible requirements. My current focus is on using keyboard navigation and a screen reader in the filter control. However, I cannot seem to find any resources for the control template specifically for ContentControl’s PART_Filter1ContentControl and PART_Filter2ContentControl. I need the control template in order to add in automation properties for the screen reader.

    I also found that while you can navigate through the calendar control with a keyboard, nothing is read using a screen reader. Additionally, when the filtering control or the calendar control pop up there is no way to navigate into these menus without using your mouse.

    Looking for guidance on these issues.
    Thank you.
  2. Answer
    Yoan
    Admin
    Yoan avatar
    1128 posts

    Posted 08 Mar Link to this post

    Hello,

    I already answered in the ticket. For convenience I will paste my answer here as well:

    The control that is placed in these ContentControls is called "StringFilterEditor". Here is its template:
    <ControlTemplate x:Key="StringFilterEditorTemplate" TargetType="filteringEditors:StringFilterEditor">
           <Grid MinWidth="100">
               <Grid.ColumnDefinitions>
                   <ColumnDefinition Width="*"/>
                   <ColumnDefinition Width="Auto"/>
               </Grid.ColumnDefinitions>
               <TextBox
                       Text="{Binding Text, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"
                       VerticalAlignment="Stretch"
                       telerik:TextBoxBehavior.UpdateTextOnEnter="True"
                       telerik:TextBoxBehavior.SelectAllOnGotFocus="True"/>
               <telerik:RadToggleButton
                       Grid.Column="1"
                       MinWidth="20"
                       IsChecked="{Binding IsCaseSensitive, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"
                       Visibility="{Binding MatchCaseVisibility, RelativeSource={RelativeSource TemplatedParent}}"
                       FontSize="{Binding FontSize,RelativeSource={RelativeSource TemplatedParent}}"
                       Content="aA"
                       Margin="2,0,0,0">
                   <ToolTipService.ToolTip>
                       <ToolTip telerik:LocalizationManager.ResourceKey="GridViewFilterMatchCase"/>
                   </ToolTipService.ToolTip>
               </telerik:RadToggleButton>
           </Grid>
       </ControlTemplate>
       <Style x:Key="StringFilterEditorStyle" TargetType="filteringEditors:StringFilterEditor">
           <Setter Property="Template" Value="{StaticResource StringFilterEditorTemplate}"/>
           <Setter Property="IsTabStop" Value="False"/>
           <Setter Property="SnapsToDevicePixels" Value="True"/>
       </Style>


    Regards,
    Yoan
    Telerik by Progress
    Want to extend the target reach of your WPF applications, leveraging iOS, Android, and UWP? Try UI for Xamarin, a suite of polished and feature-rich components for the Xamarin framework, which allow you to write beautiful native mobile apps using a single shared C# codebase.
  3. Vicky
    Vicky avatar
    2 posts
    Member since:
    May 2012

    Posted 08 Mar in reply to Yoan Link to this post

    Thank you.
Back to Top