Accessible filter control

[Vicky]

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.

[Yoan]

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

[Vicky]

Thank you.