Automattic / Automattic/Iris

No slider handle focus outlines in WordPress 4.3.1

Open
#51 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
259
Forks
67
PR merge metrics
No merged PRs in 30d

Description

The slider handles do not have focus outlines for accessibility when clicking or tabbing on a clean install of WordPress 4.3.1. I tried adjusting the CSS outline property with no success. You can see somewhat of a blue square in the middle of the center handle when clicked or focused using the tab key.

Reproduced issue in the latest versions of Chrome, Safari, Firefox, and Edge with a clean install of WordPress 4.3.1 and enqueuing the script using the 'iris' handle.

![iristest](https://cloud.githubusercontent.com/assets/11913201/10181657/cab632ca-66cf-11e5-93bd-7834d5f89476.png)

Contributor guide

No contributing guide indexed for this repository

Research direction

Reproduce the issue in a clean WordPress 4.3.1 install using the script enqueued with the “iris” handle, then inspect how Iris renders and styles slider-handle focus states. Done means keyboard and click focus produce a clear outline on every slider handle in the listed browsers.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, 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.