Test Organizational Charts
This page was created to see if text based organizational charts make sense for someone using assistive technologies like screen readers. The first one is built using a few nested definition lists, which are styled, so they visually show which groups fall under others groups. The second example organizational chart were built using structured headings, which are indented by adding CSS classes to make them easier to understand.
I'm hoping creating organizational charts this way may work and can be added after the visually designed chart. Making charts this way might not work out well if you have a large organization.
Organizational Chart Using a Definition List (DL)
- Head Wine Geek
- John F Croston III
- Chief Chef
- Evan Carlson
- Apprentice Taster
- Liam Black
- Assistant Apprentice Taster
- Dave Williams
- Pig and Party Master
- Tony Guida
- Director of the Grounds Crew
- Jeff "the Task Master" Bryant
- Assistant Director of the Grounds Crew
- Sarah Melinda
- Director of Yard Work
- Hannah "the Scot"
- Director of Field Tastings
- Buzz Cerino
- Austin
- Glenda "the Good Witch" Simms
- Boston
- Dale Cruse
- Chicago
- Beverly Smith
- St. Louis
- Justin "Thorpus" Thorp
- Seattle
- Marcy Sutton
- Portland
- Matthew "Matto" Oliphant
Organizational Chart Using Proper Heading Structure
Head Wine Geek
John F Croston III
Chief Chef
Evan Carlson
Apprentice Taster
Liam Black
Assistant Apprentice Taster
Dave Williams
Pig and Party Master
Tony Guida
Director of the Grounds Crew
Jeff "the Task Master" Bryant
Assistant Director of the Grounds Crew
Sarah Melinda
Director of Yard Work
Hannah "the Scot"
Director of Field Tastings
Buzz Cerino
Austin
Glenda "the Good Witch" Simms
Boston
Dale Cruse
Chicago
Beverly Smith
St. Louis
Justin "Thorpus" Thorp
Seattle, WA
Marcy Sutton
Portland, OR
Matthew "Matto" Oliphant