keyboard-navigation

问题 We have a web-based app which uses a side-by-side experience for desktop users where the left side of the screen is a file browser and editor and the right side of the screen is an interactive preview. Users of our app will make constant and iterative changes on the left and and then interact with the preview on the right, switching back and forth many times in quick succession. Is there a "best practice" for allowing quick and easy navigation between these two interactive areas? I know this

问题 I have a header with a bootstrap dropdown component and I am trying to enable keyboard navigation to that element by using tabindex. The following is the html and simple css: HTML: <span class="pull-right"> <span class="help-menu dropdown"> <span class="dropdown-toggle" data-toggle="dropdown" role="button"> <span class="help-header" tab-index="0">Help</span> </span> <ul class="dropdown-menu pull-right" tabindex="-1" role="menu"> <li tabindex="-1"><a [href]="/help.html" target="_blank">Docs</a

问题 I have wpf UserControl containing a combobox and a textbox in a row. Currently the only way to move between the components is to tab between them, but I would like to also be able to switch from the combobox to the textbox using the left and right arrow keys. It is not as easy as just slapping an eventhandler on the keyup event. void ComboKeyUp( object sender, KeyEventArgs e ) { if( e.Key == Key.Right) { e.Handled = true; textbox.Focus(); } } ...because the combo will change value despite the

问题 Does anyone have a list of the HTML (HTML5) elements that are not tabbable, even if a tabindex is specified? (By tabbable, I mean that they can receive the focus through repeatedly pressing the "tab" key.) We know that there are those elements which are tabbable by default, such as input or textarea . We also know that there are some elements which are only tabbable if a tabindex is explicitly specified, such as div and span elements. According to W3Schools, "In HTML5, the tabindex attribute

问题 I'm seeing strange behavior when it comes to focus and keyboard navigation. In the example below I have a simple ItemsControl that has been templated so that it presents a list of CheckBoxes bound to the ItemsSource. <ItemsControl FocusManager.IsFocusScope="True" ItemsSource="{Binding ElementName=TheWindow, Path=ListOStrings}"> <ItemsControl.ItemTemplate> <DataTemplate> <CheckBox Content="{Binding}" /> </DataTemplate> </ItemsControl.ItemTemplate> </ItemsControl> For some strange reason the

问题 I have a textfield and two buttons. The user should be able to press return when they’re done editing the textfield, and then return again to activate one or the other of the buttons, depending on conditions. In order to make it clear to the user that they can return to activate the button, I temporarily assign return as the chosen button’s key equivalent, which should make it glow blue. The textfield’s sent-action selector includes this code: switch (self.iNavMode) { case kNavModeNeutral:

问题 In my WPF 4.0 desktop-based application, I want to add an ability to traverse through window elements by pressing Tab-button. Here is fragment of my XAML: <!--main body layout--> <StackPanel x:Name="BodyLayout" Style="{StaticResource Body_Block}"> <!--teaser block--> <Grid x:Name="TeaserGrid"> <Grid.ColumnDefinitions> <ColumnDefinition /> <ColumnDefinition /> </Grid.ColumnDefinitions> <Grid.RowDefinitions> <RowDefinition /> </Grid.RowDefinitions> <TextBlock Grid.Column="0" Grid.Row="0" Style=

问题 I have a view with a menu: <Menu IsTabStop="False"> <MenuItem Header="_File" IsTabStop="True"> <MenuItem Header="New / Start Over" IsTabStop="True" InputGestureText="Ctrl+N" Command="{x:Static common:Commands.StartOverCommand}" /> <Separator IsTabStop="False" /> <MenuItem Header="Log Out" IsTabStop="True" InputGestureText="F12" Click="LogoutMenuItem_Click" /> <MenuItem Header="E_xit" IsTabStop="True" InputGestureText="Alt+F4" Click="ExitMenuItem_Click" /> </MenuItem> <MenuItem Header="_Edit"

问题 how can I make this snippet accessible? <div tabindex="0"> Show More <ul> <li><a href="#">Hidden Content</a></li> <li><a href="#">Hidden Content</a></li> <li><a href="#">Hidden Content</a></li> </ul> </div> CSS: div > ul {display:none;} div:hover > ul, div:focus > ul {display:block;} I wonder if it is possible to make <ul> visible also with keyboard navigation while focusing its contents http://jsfiddle.net/pJs2U/ 回答1: Update 2015 (thanks, @JayMee): The current (2015-05-29) Editor’s Draft

问题 Is it possible to navigate using the keyboard to the drop down menu using Tab , and navigate using the arrow keys to the sub elements of the drop down? Here is the code I have now: <input type="text" value="click tab to jump to the drop down."/> <div class="bs-docs-example"> <div class="dropdown clearfix"> <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu" style="display: block; position: static; margin-bottom: 5px; *width: 180px;"> <li><a tabindex="-1" href="#">Menu Item A<