Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Incorrect Tab navigation behavior with radio buttons inside the dialog #439

Closed
mlewand opened this issue May 31, 2017 · 3 comments · Fixed by #5405
Closed

Incorrect Tab navigation behavior with radio buttons inside the dialog #439

mlewand opened this issue May 31, 2017 · 3 comments · Fixed by #5405
Assignees
Labels
accessibility Issue related to accessibility. status:confirmed An issue confirmed by the development team. support:2 An issue reported by a commercially licensed client. type:bug A bug.
Milestone

Comments

@mlewand
Copy link
Contributor

mlewand commented May 31, 2017

Are you reporting a feature or a bug?

Bug

Check if the issue is already reported

http://dev.ckeditor.com/ticket/13839

Provide detailed reproduction steps (if any)

  1. Open Creating Captioned Images sample http://sdk.ckeditor.com/samples/captionedimage.html
  2. Double click on the image to get 'Image Properties' dialog
  3. Use Tab key to navigate inside the radio button group
  4. Keep pressing Tab key

Expected result

Tab key will enter the radio group.

When Tab or Shift+Tab into a radio group, focus goes to the selected radio button. If none is selected, focus goes to the first radio button if Tab was pressed, or the last radio bottom if Shift+Tab was pressed.

When focus is on any radio button, Tab or Shift+Tab will exit the radio group.

Up Arrow and Left Arrow moves focus to the previous radio button in the group, and selects that button. If focus is on the first item, then focus wraps to last item.

Down Arrow and Right Arrow moves focus to the next radio button in the group, and selects that button. If focus is on the last item, then focus wraps to first item.

Control+Arrow moves through the options without updating content or selecting the button.

Space selects the radio button with focus and de-selects other radio buttons in the group.

http://www.w3.org/TR/wai-aria-practices/#radiobutton

Actual result

When focus is on any radio button, Tab will not exit the radio group.

@mlewand mlewand added status:confirmed An issue confirmed by the development team. type:bug A bug. labels May 31, 2017
@mlewand mlewand modified the milestones: 4.7.1, Backlog May 31, 2017
@mlewand mlewand added the target:minor Any docs related issue that can be merged into a master or major branch. label Aug 30, 2017
@KatySap
Copy link

KatySap commented Apr 24, 2018

The same problem.....

@f1ames f1ames removed the target:minor Any docs related issue that can be merged into a master or major branch. label Nov 12, 2019
@Comandeer Comandeer added the accessibility Issue related to accessibility. label Jan 19, 2021
@f1ames f1ames added support:2 An issue reported by a commercially licensed client. size:? labels Jan 29, 2021
@sryarama
Copy link

We are also facing the same issue and it is impacting our accessibility compliance. Is there any update on this?

@jacekbogdanski
Copy link
Member

Hey @sryarama, so far we have no progress on this issue due to other priorities in CKEditor 4.

If you looking for a way to push this issue forward, you may contact our support team to see if there are any options to speed things up.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility Issue related to accessibility. status:confirmed An issue confirmed by the development team. support:2 An issue reported by a commercially licensed client. type:bug A bug.
Projects
None yet
7 participants