Skip to main content

Organizing your Org Charts

Organizational Chart

Are Org Charts Allowed on University Websites?


However, because organizational charts are highly visual, and illustrate relationships between things, they can be a challenge to make accessible. If you do post an org chart on your website, you must also include an accessible version.

Tips and Tricks for Accessible Organizational Charts

Here are some tips to develop an org chart in a way that also makes it easy to create and maintain an accessible version:

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 – something like the People List Panel may be more appropriate for your purpose.

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
Screenshot of MS Word outline view
Use Outline Tools in MS Word to create a text outline of your organizational chart.

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.

Whatever tool you use, be sure to review Boise State University Brand Standards for details on accessible colors, fonts, and logos available to style your visual.

4. Publish your visual and text description on the web

Consider publishing 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 Themeisle: WordPress Heading Tags.)

5. Provide an optional PDF download

If you think your users want or need a downloadable version of your organizational chart, create and post a PDF.

Be sure to clearly label your link as a PDF, such as “Download Printable Organizational Chart (PDF).”

Pulling it all together!

Here is how all these pieces come together to make an accessible organizational chart!

Department org chart - see page for text description
Select to view full image.


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


  • 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


  • List of Department Staff Names

Download Printable Organizational Chart (PDF)


If you have still questions about your next organizational chart, please reach out to us at