E-mail List Archives

Search E-mail List Archives for

Number of posts in this thread: 2 (In chronological order)

From: Angela French
Date: Tue, Sep 28 2010 10:57AM
Subject: accessible position of sidebox
No previous message | Next message →

Hello,

I'm got a problem with pages in my site that have a floating sidebox. They LOOK fine, but they are not accessible in terms of a semantic document outline. The problem is that the headings I have given my sidebox aren't correct in terms of their position in my document flow (the code). So my goal is to put in a semantically correct headline, but have the sidebar appear in the document flow in a correct location for the context of the content. For instance, on this page (http://checkoutacollege.com/GetStarted/HSCompletion.aspx ) I would like to make the sidebar heading an <h2>, keep it where it is positioned visually, but have it located in the document flow (the code) right after the "What About State Testing" section. This is where, if the user was using a screen reader, or had turned off CSS, I would want them to encounter the content.

(This issue is similar in nature to the problem with accessibility when using pull quotes - their position in the document flow may not be what is desired. )

If anyone could tell me some general principles about that sort of thing I'd appreciate it. Or refer me to some web sites. I did a Google search, but I don't think my search keywords were on track.

I tried moving the content in the source code to where I want it, then absolutely positioning the sidebar box up where I want it, but that just layered the text blocks. I'm hoping this won't require major restructuring of the page layout, but I'm afraid it might. I do want to keep the main content "reaching" under the sidebar box.

Thank you,


Angela French
Internet Specialist
State Board for Community and Technical Colleges
360-704-4316
= EMAIL ADDRESS REMOVED =
http://www.checkoutacollege.com<;http://www.checkoutacollege.com/>;

From: DAVOUD TOHIDY
Date: Tue, Sep 28 2010 8:00PM
Subject: Re: accessible position of sidebox
← Previous message | No next message

> From: = EMAIL ADDRESS REMOVED =
> To: = EMAIL ADDRESS REMOVED = ; = EMAIL ADDRESS REMOVED =
> Date: Tue, 28 Sep 2010 09:55:06 -0700
> Subject: [WebAIM] accessible position of sidebox

>I tried moving the content in the source code to where I want it,
>then absolutely positioning the sidebar box up where I want it, but that just layered the text blocks.

That should work..not sure if I understand what you are suggesting though.
You are welcome to send a screen capture of the problem offline to me
if you would like.

In the mean time have a look at my portfolio and go through the source code. I am sure
it will help you out. it is "cssfreelancer dot awardspace dot com"

davoud