W3C home > Mailing lists > Public > www-style@w3.org > November 2013

Re: [css3-color][css-compositing][css-masking][filter-effects] Effect on focus ring

From: Dirk Schulze <dschulze@adobe.com>
Date: Mon, 4 Nov 2013 11:39:05 -0800
To: "Tab Atkins Jr." <jackalmage@gmail.com>
CC: "public-fx@w3.org" <public-fx@w3.org>, www-style list <www-style@w3.org>
Message-ID: <DEEEEBFF-F445-43F3-9085-503B6D3BFB0B@adobe.com>

On Nov 4, 2013, at 7:55 PM, Tab Atkins Jr. <jackalmage@gmail.com> wrote:

> On Mon, Nov 4, 2013 at 1:09 AM, Dirk Schulze <dschulze@adobe.com> wrote:
>> Hi,
>> 
>> While working on Filter Effects, I realized that the specifications CSS3 Color, CSS Compositing, CSS Masking and Filter Effects mention that they affect all painting layers of an element. This of course include background, border, content and would also include the outline.
>> 
>> A focus ring is drawn on selected elements (i.e setting ’tabindex’ attribute on an element and tab to it). The focus ring is necessary for accessibility reasons.
>> 
>> All the graphical effects (‘mix-blend-mode’, ‘clip’, ‘mask’, ‘mask-box-image’, ‘opacity’, ‘clip-path') seem to influence the focus ring on UAs today (tested on WebKit, Blink Gecko).
>> 
>> Some specification parts suggest that the ‘outline’ property can be used to style a focus (:focus { outline: …} ). I am not sure if ‘outline’ is really responsible for the focus ring. Looking at the visual output of the property it could very well be.
>> 
>> I start to wonder if that is really the desired effect and what it means to accessibility if the focus ring gets transparent, blurred, clipped or blended with the back drop.
>> 
>> I see the burden to implementers to change the current behavior. On the other hand it feels like all these effects should NOT have any influence on color or density of the focus ring.
> 
> 'outline' is indeed the way that normal focus outlines are styled.
> 
> These effects should definitely affect the outline, as that's used as
> a valid property for non-focus-ring things as well.
> 
> This just cuts to the heart of the issue that dbaron brought up with
> respect to focus outlines and transforms, which is that the behaviors
> of outline-as-focus-ring and outline-as-weird-second-border are often
> at odds with each other.  I think Transforms are taking the side of
> "outline as weird second border", and we should be consistent with
> that.  If this means that focus outlines suffer, we should fix that
> separately.

Could you point me to this discussion please? I can’t remember it right now.

Greetings,
Dirk

> 
> ~TJ
Received on Monday, 4 November 2013 19:40:37 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:08:36 UTC