Create a New Page - Blank Page: Use of positive tabindex value is not logical

Issue Summary

In Confluence editor, the following elements have positive tabindex values provided in the source code due to which the visual order & DOM order does not match.

• Page title input
• Main content iframe
• Publish button.

Steps to Reproduce

1. Navigate to the Confluence homepage.
2. Navigate to the "Create" button in header section & activate it.
3. With Keyboard tab key navigate inside Confluence editor.
4. Observe that the focus order is not logical as it doesn’t match the DOM order.

Actual Results

While navigating with Keyboard alone, when user navigate inside confluence editor with Keyboard tab key the focus order doesn’t match the visual order of the elements. Following is the current focus order 

1. Title input field.
2. Main content editor
3. Publish button.
4. Skip to sidebar, etc.

When keyboard focusable components do not receive focus in a logical order, people with mobility impairments, reading disabilities, and low vision are all impacted.

Expected Results

The reading and navigation order MUST be logical and intuitive. Tabindex of positive values SHOULD NOT be used.

Fix this issue by removing the positive tabindex value for the focusable elements and ordering the content appropriately in the DOM to align the focus order and the reading order.

Following is the expected tab focus order.

1. Title input field.
2. Main content editor
3. Publish button.
4. What did you change ? Input field.
5. Notify watcher checkbox.

Screenshot

Screen recording

Screen Recording 2022-05-03 at 7.00.24 PM.mov

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available