WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Re-order page content

for

From: Swift, Daniel P.
Date: Jun 2, 2017 6:15AM

" What I wanted to do for blind users is at least put the instructions first in the DOM."

Place the directions in a div and the login inside another div. Float them both right ... directions are first in the DOM and will be far right followed by the login which will be to the left of the directions.

Dan Swift
Senior Web Specialist
Web Team Services
West Chester University
610.738.0589

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Joseph Sherman
Sent: Thursday, June 01, 2017 2:12 PM
To: WebAIM Discussion List
Subject: [WebAIM] Re-order page content

Hello all. I know that we want the visual order to match the DOM order. However I have a page with a login and instructions side by side. My folks want to put the login to the left, and the instructions on the right. This seems like bad design to me but I can't get them to change it. What I wanted to do for blind users is at least put the instructions first in the DOM. How can we best do this? Basically this is the reverse of the standard "don't use CSS to break visual and DOM order" as here I want to break it. I know it's not great, but if the designers want it to look at certain way I generally can't win that battle. Any help appreciated.

Thanks.

Joseph