Re: [csswg-drafts] [selectors-4] Rename :focus-ring to :focus-indicator

@bkardell does this help?

|                        | **Should be read as**                                                                                                                                          | **May be read as**                                                                                       | **Other comments**                                                                                                                 |
|------------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------------------------|------------------------------------------------------------------------------------------------------------------------------------|
| **`:focus-ring`**      | *a pseudo-class which matches an element in a state in which **focus** should be specially indicated on the element (typically via a "focus **ring**").*       | *a pseudo-element selector for the **focus ring** drawn around a focused element*                        | Author provided styles for focus are often not in the form of a ring.                                                              |
| **`:focus-indicator`** | *a pseudo-class which matches an element in a state in which focus should be specially indicated on the element (i.e. a **focus indicator** should be drawn).* | *a pseudo-element selector for the **focus indicator** shown on a focused element*                       | So many syllables, sounds like a robot 🤖.                                                                                         |
| **`:focus-visible`**   | *a pseudo-class which matches when the browser decides that **focus** should be **visible**.*                                                                  | *a pseudo-class which matches when the element is both **focused** and **visible**.* (maybe?)            |                                                                                                                                    |
| **`:focus-shown`**     | *a pseudo-class which matches when a **focus** indicator should be **shown**.* (analogous to `:placeholder-shown`)                                             | *a pseudo-class which matches when a **focus** ring has been **shown**.* (analogous to `:placeholder-shown`) |                                                                                                                                    |
| **`:focus-needed`**    | *a pseudo-class which matches when a **focus** indicator is **needed**.* (analogous to `drawFocusIfNeeded()`)                                                  | *a pseudo-class which matches when **focus** is **needed** on an element.*                               | `drawFocusIfNeeded()` doesn't use any heuristics other than whether something is focused, so it's more like `:focus` in that sense |
| **`:focus-indicated`** | *a pseudo-class which matches an element in a state in which **focus** should be specially **indicated** on the element*                                           | `¯\_(ツ)_/¯`                                                                                             | :robot:                                                                                                                            |

-- 
GitHub Notification of comment by alice
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/2036#issuecomment-350390499 using your GitHub account

Received on Friday, 8 December 2017 22:41:57 UTC