Organizing your Org Charts
Tips and Tricks for More Accessible Organizational Charts
An organizational chart is a great way to map out how your department or college is structured and demonstrate relationships between people or positions.
However, since organizational charts are highly visual and illustrate relationships between things, they can be a challenge to make accessible.
Here are some tips to make your next organizational chart more accessible:
1. Define your purpose
Before you share an organizational chart on the web, take a moment to define your purpose. This will help you better understand what content needs to go into your chart and how complex or simple your diagram needs to be.
If your main purpose is to show relationships in your organization, think about how many layers, or levels of information, to include on your chart. If your main purpose is to provide information for your users to know who to contact then an organizational chart may not be the best tool.
2. Start with an outline to map out your content
You can think of an organizational chart as containing levels of information. As you outline your levels, you create a textual version of your relationships that can be used as a description for your final visual.
Outline View in Microsoft Word
![Outline View in Microsoft Word](https://communications.uams.edu/web/wp-content/uploads/sites/2/2021/02/example-outline-word.png)
MS Word’s Outline View is a great option for this step! To access the outline view select View from the Ribbon, then in the Views section select Outline.
Type or paste a list of all the names or positions for your organizational chart into your Word document, then adjust your levels as needed using the outline tools. Your most top-level position should be in the level 1 position. Your subsequent levels should follow semantic order (level 2, level 3, etc.).
These levels equate to different headings and provide a way for users to scan the content in a logical way.
3. Develop your visual
After you have an outline, you can easily plug your content into your visual. There are lots of tools available to help you create an organizational chart. You can use a diagramming tool like Visio or PowerPoint, or even Google Drawings.
4. Publish your visual and text description on the web
Publish your final visual and the text description outline together on a single web page with the following settings:
Alternative Text Description
Add a brief alternative text description to let users know what the image is and where to find the text description.
- Example: “Department Org Chart, see text description on page.”
Link to Media File and Add Caption
To help users who want to see a larger version of your organizational chart you can add a link to the media file in the image detail settings. If you do add a link to the media, be sure to include a caption to let users know the purpose of the link.
- Example: “Select to view full image.”
Text Description on Page
Add your text description to the page after your visual. Tag your different levels with the appropriate headings.
- Example: Level 1 of your org chart should use the Heading 2 style, Level 2 should use Heading 3, etc. (A good resource for using Headings in WordPress can be found at https://themeisle.com/blog/wordpress-heading-tags/.)
5. Provide an optional PDF download
If you think your users want or need a downloadable version of your organizational chart, you can include a PDF if you also have the text description on the same page. Before publishing your PDF document, perform an accessibility check and resolve as many errors as possible. Lastly, clearly label your link as a downloadable PDF.
- Example: “Download Printable Organizational Chart (PDF).”
Pulling it all together!
Here is how all these pieces come together to make an accessible organizational chart!
![Here is how all these pieces come together to make an accessible organizational chart!](https://communications.uams.edu/web/wp-content/uploads/sites/2/2021/02/Example-Org-Chart-1024x325-1.png)
President
President Name
- Executive Assistant – Name
VP Finance
VP Finance Name
Budget and Planning
- List of Department Staff Names
VP Technology
VP Technology Name
Help Desk
- List of Department Staff Names
VP Operations
VP Operations Name
Facilities
- List of Department Staff Names
VP Marketing
VP Marketing Name
Project Manager
- List of Department Staff Names
VP Production
VP Production Name
Production Manager
- List of Department Staff Names
VP Transportation
VP Transportation Name
Dispatch
- List of Department Staff Names
Download Printable Organizational Chart (PDF)
Soure: https://www.boisestate.edu/webguide/2021/01/25/organizing-your-org-charts/