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: Rik Cabanier <cabanier@gmail.com>
Date: Mon, 4 Nov 2013 10:43:18 -0800
Message-ID: <CAGN7qDD=+E8pj5P0RTqpgv3KLg4X7BCWWC-2yLF1Qs0HUG9ANA@mail.gmail.com>
To: Dirk Schulze <dschulze@adobe.com>
Cc: "public-fx@w3.org" <public-fx@w3.org>, www-style list <www-style@w3.org>
On Mon, Nov 4, 2013 at 10:28 AM, Dirk Schulze <dschulze@adobe.com> wrote:

>
> On Nov 4, 2013, at 7:02 PM, Rik Cabanier <cabanier@gmail.com> wrote:
>
> The assistive software draws it own separate focus for accessibility.
> That one is not affected by the style of the element.
>
>
> Many people need assistance but don’t use AS. In fact most do. Therefore,
> we should not count on that IMO.
>

I don't know enough to have an informed opinion.
Maybe this is a question for the accessibility mailing list?

>
> 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
>>>
>>>
>>>
>>>
>>
>>
>
>
Received on Monday, 4 November 2013 18:43:46 UTC

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