Automattic / Automattic/jetpack

Comments: Keyboard accessibility

Open
#5,240 1 comment 0 reactions 0 assignees View on GitHub
[Feature] Comments [Focus] Accessibility [Pri] Normal Bug
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 18h
Merged PRs (30d)
774

Description

Raised by @davidakennedy:

> The tab order is off in the form. I can’t get to the email opt-in check boxes. It also skips over the social login links. But you can find them if you tab in reverse.
#### Steps to reproduce the issue
- Open any post/page on which Jetpack's comment form is enabled.
- Tab to the comment form using only your keyboard and enter a comment into the main form.
- Next, select the tab button again.
#### What I expected

After entering my comment and tabbing, I expected to be taken to the next option provided by the form: The checkbox next to **Notify me of new comments via email**.
#### What happened instead

I was taken straight to the form's submit button. The checkbox options were skipped over.

![comments](https://cloud.githubusercontent.com/assets/2998162/19023377/88f8bc3e-88e5-11e6-9070-fed62caee70d.gif)

Contributor guide

Open the contributing guide

Research direction

Start at the Jetpack comment form on any post or page with comments enabled and reproduce the keyboard-only tab sequence described in the issue. Trace the form's focus order, then verify that the email opt-in checkboxes and social login links are reached in forward order before the submit button.

Written by the indexing model from the issue text.

Assessment

Tech stack
php, wordpress
Domain
accessibility, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.