WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Question: inlne headings

for

From: Judith.A.Blankman@wellsfargo.com
Date: Aug 19, 2013 12:55PM

If there are no other headers grouping this information, I would explain the Accessibility implications to the designer and then ask that they reconsider their layout, particularly since this is for a document and not a web page.

Depending on whether the appreciate the importance of delivering an accessible document, that may be all the convincing you need. Otherwise, this is a larger teaching moment.

Best,


Judith Blankman

Interaction Designer
Customer Experience

Wells Fargo Digital Channels Group | 550 California Street, 2nd floor | San Francisco, CA 94104
MAC A0122-020
Tel 415-947-6583 | Cell 415-601-1114 | Fax 415-975-7452

<EMAIL REMOVED>
From: <EMAIL REMOVED> [ <EMAIL REMOVED> ] On Behalf Of Chagnon | PubCom [ <EMAIL REMOVED> ]
Sent: Saturday, August 17, 2013 9:48 AM
To: 'WebAIM Discussion List'
Subject: Re: [WebAIM] Question: inlne headings

Thanks, Patarick. That looks like it would work in HTML and eventually in EPUB3 (which is based on HTML5 and CSS).

In this case, these publications are designed in Adobe InDesign and converted to PDF where <DIV>, .classes, and CSS controls are not available.

So it looks like the InDesign layout won't be able to format and convert an inline head for the PDF.

— Bevi

— PubCom.com — Trainers, Consultants, Designers, and Developers.
— Print, Web, Acrobat, XML, eBooks, and U.S. Federal Section 508 Accessibility.

-----Original Message-----
From: <EMAIL REMOVED> [mailto: <EMAIL REMOVED> ] On Behalf Of Patrick H. Lauke
Sent: Saturday, August 17, 2013 3:00 AM
To: <EMAIL REMOVED>
Subject: Re: [WebAIM] Question: inlne headings

Perhaps enclosing them in a container and making them inline?

<style>
.runin h2 { font-size: 1em; }
.runin h2, .runin p { display:inline; }
.runin h2::after { content:" - "; }
.runin { padding-bottom: 1em;}
</style>

<div class="runin"><h2>Objective</h2>
<p> This report presents national estimates of blue widgets.</p> </div> <div class="runin"> <h2>Methods</h2> <p>Estimates are based on data collected during 2012.</p> </div>

P

On 17/08/2013 05:44, Chagnon | PubCom wrote:
> My government clients use a visual design technique called inline
> headings or run-in heads. I'm trying to develop a way to make them accessible.
>
> Sample of 2 paragraphs in the original format follows. The first word
> of each paragraph is visually formatted to stand out, either with
> bold, italics, or color.
>
> Objective-This report presents national estimates of blue widgets
>
> Methods-Estimates are based on data collected during 2012.
>
>
>
> I think they should be formatted as headings, H2, but because the
> words "objective" and "methods" are part of a larger paragraph of body
> text, they can't be formatted as headings. Headings are formatted for
> the entire paragraph, not a partial paragraph.
>
> Is there any tag that's appropriate for these "mini headings" at the
> beginning of a paragraph of body text?
>
>
>
> Another option is to split them into a heading paragraph and a body
> text paragraph, but this is counter to US federal publishing
> guidelines. Sample of this method (with the tags) follows:
>
> <H2> Objective
>
> <P> This report presents national estimates of blue widgets.
>
> <H2> Methods
>
> <P> Estimates are based on data collected during 2012.
>
>
>
> Your thoughts?
>
> - Bevi Chagnon
>
> PubCom.com - Trainers, Consultants, Designers, and Developers.
>
> Print, Web, Acrobat, XML, eBooks, and U.S. Federal Section 508
> Accessibility.
>
> > > list messages to <EMAIL REMOVED>
>


--
Patrick H. Lauke
re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.]

www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com | http://flickr.com/photos/redux/ twitter: @patrick_h_lauke | skype: patrick_h_lauke