WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Organizational Charts

for

From: Keith Parks
Date: May 19, 2015 2:03PM

On May 6, 2015, at 12:48 PM, Chagnon | PubCom wrote:

> Using today's existing document technologies in Word, PowerPoint, and InDesign, that's not possible because the graphic will be a <FIGURE> tag. It would be extremely difficult and time consuming to try and get the graphics aligned into List tags, if at all.
>
> In HTML, you could code CSS to box certain elements and position them, but the vertical connection lines aren't doable.

Coming really late to this thread, but I beg to differ on the "vertical connections" aspect.

I put this together several years back. Headings and <ul> elements, CSS for arrangement. It's even moderately flexible for different font sizes.

<http://go.sdsu.edu/student_affairs/org-chart.aspx>;

******************************
Keith Parks
Graphic Designer/Web Designer
Student Affairs Communications Services
San Diego State University
San Diego, CA 92182-7444
(619) 594-1046
http://go.sdsu.edu/student_affairs/communications

http://kparks.deviantart.com/gallery
----------------------------------------------------------

(Objects on your screen may be closer than they appear)