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

The assistive software draws it own separate focus for accessibility.
That one is not affected by the style of the element.


On Mon, Nov 4, 2013 at 9:31 AM, Dirk Schulze <dschulze@adobe.com> wrote:

>
> On Nov 4, 2013, at 6:19 PM, Rik Cabanier <cabanier@gmail.com> wrote:
>
> Hi Dirk,
>
> are you worried about this for accessibility reasons or because you
> believe it doesn't look right aesthetically ?
>
>
> Just for accessibility reasons.
>
> Greetings,
> Dirk
>
>
>
> 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.
>>
>> Greetings,
>> Dirk
>>
>>
>>
>>
>
>