W3C home > Mailing lists > Public > w3c-wai-ig@w3.org > January to March 2016

Re: Call for Review: WCAG 2.0 Techniques Draft Updates

From: Andrew Kirkpatrick <akirkpat@adobe.com>
Date: Fri, 8 Jan 2016 23:02:44 +0000
To: Michiel Bijl <michiel@agosto.nl>, ruth tait <artbyrt@gmail.com>
CC: Michael Cooper <cooper@w3.org>, WAI IG <w3c-wai-ig@w3.org>, "Joshue O Connor" <josh@interaccess.ie>
Message-ID: <E43687B0-36E5-4A70-8902-8481D6FACF93@adobe.com>
Michiel and Ruth,
Thanks for the comments.
I created an issue for this: https://github.com/w3c/wcag/issues/131

I also created a pull request to address the issue – you can see the changes here:


Andrew Kirkpatrick
Group Product Manager, Accessibility



From: Michiel Bijl <michiel@agosto.nl<mailto:michiel@agosto.nl>>
Date: Friday, January 8, 2016 at 13:14
To: ruth tait <artbyrt@gmail.com<mailto:artbyrt@gmail.com>>
Cc: Michael Cooper <cooper@w3.org<mailto:cooper@w3.org>>, WAI IG <w3c-wai-ig@w3.org<mailto:w3c-wai-ig@w3.org>>, Andrew Kirkpatrick <akirkpat@adobe.com<mailto:akirkpat@adobe.com>>, Joshue O Connor <josh@interaccess.ie<mailto:josh@interaccess.ie>>
Subject: Re: Call for Review: WCAG 2.0 Techniques Draft Updates

The method currently listed in section C7 is fine apart from the negative top value. It’s an improvement in that is actually visually hides the thing in position. A very large negative number in margin left just displaces the thing. Similarly, negative text indent messes with other inline elements in that element.


On 08 Jan 2016, at 18:36, ruth tait <artbyrt@gmail.com<mailto:artbyrt@gmail.com>> wrote:

how does this improve on the earlier strategy of
a span {
margin-left: -10000em;


Also, the recommendation that link text is hidden using property text-indent: -10000px; as per http://webaim.org/techniques/css/invisiblecontent/ recommendation doesn’t work in browsers for mac. margin-left: -n; with large number does work but haven’t tested with screen readers.

ruth tait
Interdisciplinary student - Graduate Studies
416 900 5631

On Jan 8, 2016, at 11:34 AM, Michiel Bijl <michiel@agosto.nl<mailto:michiel@agosto.nl>> wrote:

C7: Using CSS to hide a portion of the link text<http://www.w3.org/WAI/GL/2016/WD-WCAG20-TECHS-20160105/complete-diff.html#C7> contains the following CSS to visually hide an element:

a span {
    height: 1px;
    width: 1px;
    position: absolute;
    overflow: hidden;
    top: -10px;

Is there any reason to include the negative top value? If top, right, bottom, and left are not set, the element will stay in the rendered place. This would prevent any mess-ups with—for example—focus styles. A way around this would be to set position to relative on the parent element, but that means extra code that isn’t strictly necessary if top wasn’t set.


Received on Friday, 8 January 2016 23:03:16 UTC

This archive was generated by hypermail 2.3.1 : Friday, 29 January 2016 16:39:04 UTC