From eabdad720855b50cfe8778c3165d104a7b7eb5d7 Mon Sep 17 00:00:00 2001 From: "Patrick H. Lauke" Date: Tue, 16 Feb 2016 21:28:11 +0000 Subject: [PATCH] Visual/manual test for checkbox/radio button kbd behavior --- js/tests/visual/button.html | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/js/tests/visual/button.html b/js/tests/visual/button.html index de060eabda..ba287989cd 100644 --- a/js/tests/visual/button.html +++ b/js/tests/visual/button.html @@ -22,14 +22,15 @@

Button Bootstrap Visual Test

-

Try interacting via mouse, via keyboard, and via keyboard after first interacting via mouse. (Refresh the page between each trial.)

- +

For checkboxes and radio buttons, ensure that keyboard behavior is functioning correctly.

+

Navigate to the checkboxes with the keyboard (generally, using TAB / SHIFT + TAB), and ensure that SPACE toggles the currently focused checkbox. Click on one of the checkboxes using the mouse, ensure that focus was correctly set on the actual checkbox, and that SPACE toggles the checkbox again.

+
+

Navigate to the radio button group with the keyboard (generally, using TAB / SHIFT + TAB). If no radio button was initially set to be selected, the first/last radio button should receive focus (depending on whether you navigated "forward" to the group with TAB or "backwards" using SHIFT + TAB). If a radio button was already selected, navigating with the keyboard should set focus to that particular radio button. Only one radio button in a group should receive focus at any given time. Ensure that the selected radio button can be changed by using the ← and → arrow keys. Click on one of the radio buttons with the mouse, ensure that focus was correctly set on the actual radio button, and that ← and → change the selected radio button again.

+