W3C home > Mailing lists > Public > w3c-wai-ig@w3.org > October to December 2014

Re: Hiding heading level ones

From: Laura Carlson <lcarlson@d.umn.edu>
Date: Tue, 25 Nov 2014 09:42:42 -0600
Message-ID: <CA+M9-v8PmkY-nMRvQ4_hLFBMAYr6ic41zavQxwMXB+s2QmUwGw@mail.gmail.com>
To: "Gunderson, Jon R" <jongund@illinois.edu>
Cc: w3c-wai-ig <w3c-wai-ig@w3.org>
H Jon,

Thank you for your reply. I agree with the naming convention.

The concern that I have is that  the second class technique to making
the H1 heading visible to screen reader users would be used for the
purpose of being called WCAG AA compliant.  When it fact the technique
would make the heading inaccessible to people with other disabilities.

Best Regards,
Laura

On 11/25/14, Gunderson, Jon R <jongund@illinois.edu> wrote:
> Laura,
>
> One comment on naming.
>
> I would use the CSS class name of "offscreen" instead of "hidden".
>
> "Hidden" can be confused for the hidden attribute in HTML5 and the
> visibility: hidden property/value in CSS.
>
> The off screen technique to me is a second class technique to making the H1
> heading visible to all users.
> It helps everyone orient to the page if the page has a clear title that
> actually describes the content of the page.
> It also helps make sure that the H1 element content is actually accurate
> title for the page, since everyone, including the developer/content editor
> can see it.
>
> Jon
>
>
> -----Original Message-----
> From: Laura Carlson [mailto:lcarlson@d.umn.edu]
> Sent: Tuesday, November 25, 2014 7:32 AM
> To: w3c-wai-ig
> Subject: Hiding heading level ones
>
> Hi all,
>
> A Web developer in our marketing department has asked if the following
> markup, which is meant for use in Drupal themes and Dreamweaver templates
> throughout the organization, would meet WCAG AA with the notion that screen
> readers will be able to receive a good heading for the page and some snappy
> marketing text could go in the <h2>.
>
> <style>
> .hidden {
> position: absolute;
> top: -9999px;
> left: -9999px;
> }
> </style>
>
> <h1 class="hidden">Page Title</h1>
>  <!-- No other content -->
> <h2>THIS IS WHERE THE DOCUMENT HEADING GOES.</h2>
>
> Thoughts on that markup and WCAG AA?
>
> I stated that if he hides the <h1> he would be locking out people with
> cognitive and learning disabilities who would benefit from the ability to
> identify content by a visible <h1>. My advice to him was to keep the <h1>
> visible and intuitively easy to understand.
>
> I have cited Info and Relationships Success Criteria 1.3.1, "When such
> relationships are perceivable to one set of users, those relationships can
> be made to be perceivable to all."
>
> In addition I have pointed him to:
> http://www.d.umn.edu/itss/training/online/structure/coding/index.html#writing
>
> Other thoughts?
>
> Thank you.
>
> Best Regards,
> Laura
>
> --
> Laura L. Carlson
> Information Technology Systems and Services University of Minnesota Duluth
> Duluth, MN U.S.A. 55812-3009
> http://www.d.umn.edu/itss/training/online/webdesign/
>
>


-- 
Laura L. Carlson
Information Technology Systems and Services
University of Minnesota Duluth
Duluth, MN U.S.A. 55812-3009
http://www.d.umn.edu/itss/training/online/webdesign/
Received on Tuesday, 25 November 2014 15:43:19 UTC

This archive was generated by hypermail 2.3.1 : Tuesday, 13 October 2015 16:21:53 UTC