Make your Visio diagram accessible to people with disabilities

This topic gives you step-by-step instructions and best practices for making your Visio diagrams accessible to people with disabilities. When your diagrams are accessible, you unlock your content to everyone and people with differing abilities can read and use your diagrams. You learn, for example, how to add alt texts to images and shapes so that people using screen readers are able to listen what the image or shape is all about. You'll also learn how to use the Accessibility Checker to make sure your diagrams are inclusive before sharing them.

A colorful flowchart on a Visio page.

Visio diagrams tend to be highly visual, and people who are blind or have low vision can understand your plans, concepts, and ideas more easily if you create your Visio diagrams with accessibility in mind. 

Visio also offers the Accessibility Checker that locates elements that might cause problems for people with disabilities. To learn more about how the Accessibility Checker works, see Rules for the Accessibility Checker.

The following table includes best practices for creating Visio diagrams that are accessible to people with disabilities.

What to fix

Why fix it

How to fix it

Use the predefined Visio templates and sample diagrams.

In the templates and sample diagrams, the navigation order is predefined, making it easier for screen-reader users to understand the flow.

Create a new diagram from a template or sample

Create your diagrams in the order in which you want a screen reader to read them.

Narrator reads the diagram shapes in the order in which they were added in the diagram. When the shapes are added in the order in which, for example, a flowchart is supposed to run, it's easier for a screen reader user to understand the diagram flow.

Add shapes to a diagram in the order in which the diagram flows. Narrator will read the diagram shapes in the order they were added. For more info on how the screen reader reads diagrams, refer to Use a screen reader to read Visio diagrams.

If necessary, you can edit the reading order to make it as logical as possible. Select View > Task Panes > Navigation, and then drag and drop the shapes to change their order in the Diagram Navigation pane.

Include alternative text with all visuals and pages.

Alt text helps people who can’t see the screen understand what’s important in pages and visuals, such as images, shapes, master shapes, charts, illustrations, and data graphics.

Avoid using text in images as the sole method of conveying important information.

To find missing alternative text, use the Accessibility Checker.

Add alternative text that describes the image and page for people who can't see it. Keep it brief, but include descriptions of what's important about the image or page.

If you use an image with text in it, repeat that text in the alt text.

Add alt text to images

Add alt text to master shapes

Add alt text to pages

Add alt texts to Data Visualizer diagrams

Add a meaningful hyperlink text.

People who use screen readers sometimes scan a list of links. Links should convey clear and accurate information about the destination. For example, instead of linking from the text "Click here," include the full title of the destination page.

Add descriptive hyperlink text

Ensure that color is not the only means of conveying information.

People with impaired vision, no vision, or colorblindness might miss the meaning conveyed by particular colors.

Make sure you don’t use color alone to convey meaning. Create text that duplicates the meaning of the color or other sensory characteristics.

Use additional means to convey the information, such as a shape or label. For example, consider using a green checkmark to indicate success and a red X to indicate failure, instead of green and red shading.

Use accessible text formatting

Use sufficient contrast for text and background colors.

The text in your diagrams should be readable in the high contrast mode so that everyone, including people with visual disabilities, can see it well.

For example, use bright colors or high-contrast color schemes on opposite ends of the color spectrum. White and black schemes make it easier for people who have low vision to distinguish text and shapes.

Use accessible text color

Use a larger font size (18pt or larger), sans-serif fonts, and sufficient white space.

People with dyslexia perceive text in a way that can make it difficult to distinguish letters and words. For example, they might perceive a line of text compressing into the line below, or adjacent letters seeming to merge.

To reduce the reading load, you can, for example:

  • Use familiar sans-serif fonts, such as Arial or Calibri.

  • Avoid the use of all capital letters and excessive use of italics or underlining.

  • Include sufficient white space between lines and paragraphs.

  • Left-align your paragraphs instead of using justification. This helps to avoid uneven gaps between words, which can create a visual effect of a river of white space flowing through the paragraph.

Use accessible text formatting

Use appropriate text spacing

Use built-in list styles.

To make it easier for screen readers to read your diagrams, use the built-in formatting tools.

In addition, people with reading disorders such as dyslexia depend on lists to help them structure information, so divide the information into smaller sized chunks that are easier to process.

Use bulleted lists

Create a new diagram from a template or sample

  1. Open Visio, and select New Templates or New Sample Diagrams.

    Note: If you already have a diagram open and want to create a new one using a template or sample diagram, select File > New > Templates or File > New > Sample Diagrams.

  2. Select the template you want. If prompted, choose the units you want to use, and then select Create.

  3. Add your data in the new diagram using the elements in the template or sample.

Add alt texts to Data Visualizer diagrams

Add alternative text to elements and shapes in a Data Visualizer diagram. For detailed instructions on how to create a Data Visualizer diagram, go to Create a Data Visualizer diagram.

  1. Start creating a Data Visualizer diagram as instructed in the link above. You can add the alternative texts once you reach Stage 2: Create an Excel workbook.

  2. In the pre-defined Excel table, in the Process Map tab, select the first cell under the Alt Description column header and type your alternative text. Repeat for all the elements and shapes in your diagram.

  3. Continue creating the diagram as instructed in the link above.

Add alt text to images

Add alt text to images, such as photos, shapes, data graphics, charts, and illustrations so that screen reader users can hear a description of the image.

  1. Right-click the image in your drawing, and select Format Shape.

  2. In the Format Shape pane, select Sizing properties button (Size & Properties).

  3. In the Alt Text pane, type a title and a description for the image in the text fields.

    Keep it short, start with the most important information, and aim to convey the content and functionality of the image. When you're ready, close the Alt Text pane.

    Tip: Fill in both the Title and Description fields, as the way this information is read varies by screen reader.

Add alt text to master shapes

If you've created a custom stencil, you can add alternative texts to the master shapes in your stencil so that screen reader users can hear a description of the shape.

  1. In shapes list of your new stencil, right-click the master shape.

  2. In the context menu, select Edit Master > Edit Master Shape.

  3. In the edit window, right-click the master shape, and select Format Shape.

  4. In the Format Shape pane, select Sizing properties button (Size & Properties).

  5. In the Alt Text pane, type a title and a description for the master shape.

  6. Close the master shape edit window. In the confirmation dialog box, select Yes.

Add alt text to pages

Add alternative texts to pages so that screen reader users can hear a description of the page.

  1. On the page, press Shift+F5. The Page Setup dialog box opens.

  2. In the dialog box, select the Alt Text tab.

  3. Type a title and a description for the page, and then select OK.

Check your diagram with the Accessibility Checker

With the built-in Accessibility Checker, you can easily verify whether your diagram is accessible.

  1. In Visio, select Review on the ribbon.

  2. Select Check Accessibility.

  3. In the Accessibility Checker pane, go through the errors and warnings. Select the reported item to view more info on the accessibility issue in question and instructions on how to fix it.

  4. Fix the issues in the diagram.

Convert your diagram to an accessible PDF

After you've fixed all accessibility issues in the diagram, you can convert it to a PDF.

  1. In Visio, select File > Export.

  2. Select Create PDF/XPS Document > Create PDF/XPS.

  3. Select the file location and type the file name, and then select Publish.

See also

Rules for the Accessibility Checker

Make your Word documents accessible to people with disabilities

Make your Excel documents accessible to people with disabilities

Make your PowerPoint presentations accessible to people with disabilities

Make your Outlook email accessible to people with disabilities

The following table includes best practices for creating Visio for the web diagrams that are accessible to people with disabilities. For more info on how to make your diagrams accessible, go to Make a diagram accessible in Visio for the web.

What to fix

Why fix it

How to fix it

Use the predefined Visio for the web templates for diagrams.

In the templates and sample diagrams, the navigation order is predefined, making it easier for screen-reader users to understand the flow.

Create a new diagram from a template

Create your diagrams in the order in which you want a screen reader to read them.

Screen readers read the diagram shapes in the order in which they were added in the diagram. When the shapes are added in the order in which, for example, a flowchart is supposed to run, it's easier for a screen reader user to understand the diagram flow.

Add shapes to a diagram in the order in which the diagram flows. Screen readers will read the diagram shapes in the order they were added. For more info on how screen readers read diagrams, refer to Use a screen reader to read Visio diagrams.

If necessary, you can edit the reading order in the full desktop version of Visio to make it as logical as possible: Select View > Task Panes > Navigation, and then drag and drop the shapes to change their order in the Diagram Navigation pane.

Include alternative text with all pictures, shapes, and pages.

Alt text helps people who can’t see the screen understand what’s important in pages and visuals, such as images and shapes. To find missing alternative text, use the Accessibility Checker.

Avoid using text in images as the sole method of conveying important information.

Add alternative text that describes the image and page for people who can't see it. Keep it brief, but include descriptions of what's important about the image or page.

If you use an image with text in it, repeat that text in the alt text.

Add alt text to pictures and shapes

Add alt text to pages

Add a meaningful hyperlink text.

People who use screen readers sometimes scan a list of links. Links should convey clear and accurate information about the destination. For example, instead of linking from the text "Click here," include the full title of the destination page.

Add descriptive hyperlink text

Ensure that color is not the only means of conveying information.

People with impaired vision, no vision, or colorblindness might miss the meaning conveyed by particular colors.

Make sure you don’t use color alone to convey meaning. Create text that duplicates the meaning of the color or other sensory characteristics.

Use additional means to convey the information, such as a shape or label. For example, consider using a green checkmark to indicate success and a red X to indicate failure, instead of green and red shading.

Use accessible text formatting

Use accessible text color

Use sufficient contrast for text and background colors.

The text in your diagrams should be readable in the high contrast mode so that everyone, including people with visual disabilities, can see it well.

For example, use bright colors or high-contrast color schemes on opposite ends of the color spectrum. White and black schemes make it easier for people who have low vision to distinguish text and shapes.

Use accessible text color

Use a larger font size (18pt or larger), sans-serif fonts, and accessible text alignment.

People with dyslexia perceive text in a way that can make it difficult to distinguish letters and words. For example, they might perceive adjacent letters seeming to merge.

To reduce the reading load, you can, for example:

  • Use familiar sans-serif fonts, such as Arial or Calibri.

  • Avoid the use of all capital letters and excessive use of italics or underlining.

  • Left-align your paragraphs instead of using justification. This helps to avoid uneven gaps between words, which can create a visual effect of a river of white space flowing through the paragraph.

Use accessible text formatting

Use appropriate text alignment

Create a new diagram from a template or sample

  1. Open Visio for the web and select New.

    Note: If you already have a diagram open and want to create a new one using a template or sample diagram, select File > New.

  2. Select the template you want. If prompted, choose the units you want to use, and then select Create.

    The Templates menu in Visio for the web
  3. Add your data to the new diagram by using the elements in the template or sample.

Add alt text to pictures or shapes

Add alt text to pictures or shapes so that screen-reader users can hear a description of the image. For info on how to write alt text, go to Everything you need to know to write effective alt text.

  1. Select a picture or shape in your drawing, and then select Shape > Alt-Text for shapes or Picture > The Alt Text button in Visio for the web (Alt-Text) for pictures.

  2. In the Alternative Text dialog box, type a title and a description for the picture or shape.

    Keep it short, start with the most important information, and aim to convey the content and functionality of the picture or shape.

    Tip: Fill in both the Title and Description fields, as the way this information is read varies by screen reader.

  3. When you're ready, select OK.

    The Alt Text dialog box in Visio for the web

Add alt text to pages

Add alt texts to pages so that screen reader users can hear a description of the page.

  1. On the page, right-click the page number and select Alt Text.

  2. In the Alternative Text dialog box, type a title and a description for the page in the text fields.

    Keep it short, start with the most important information, and aim to convey the purpose of the page. 

    Tip: Fill in both the Title and Description fields, as the way this information is read varies by screen reader.

  3. When you're ready, select OK

Make hyperlinks and text accessible

Learn how to make the hyperlinks and text in your Visio diagrams more accessible.

Use accessible text formatting

To optimize the accessibility of the text formatting, select a plain sans-serif font, use a larger font size, adjust the text alignment, and avoid excessive use of block capitals and italics. 

  1. Select the text you want to format.

  2. On the Home tab, select a larger font size and a sans-serif font, for example. You can also use other formatting options, such as bold for emphasis.

Use accessible text color

To ensure that text displays well in high contrast mode, use the black font color.

  1. Select your text.

  2. On the Home tab, expand the Font Color menu, and select Black.

    The Font color menu in Visio for the web

Use appropriate text alignment 

Left-align your paragraphs to increase the accessibility of the text.

  1. Select your text.

  2. On the Home tab, expand the Align Text menu, and then select Align Text Left.

    The Align text menu in Visio for the web left alignment selected.

Check your diagram with the Accessibility Checker

With the built-in Accessibility Checker, you can easily verify whether your diagram is accessible.

  1. Select Review > Check Accessibility.

    The Accessibility Checker button on the top ribbon in the Visio for the web
  2. In the Accessibility pane, go through the errors and warnings. Select the reported item to view more info on the accessibility issue in question and instructions on how to fix it.

    The Accessibility pane in Visio for the web showing the results of an accessibility check.
  3. Fix the issues in the diagram. When you have gone through the issues and updated your diagram, in the Accessibility pane, select Recheck.

Download your diagram as an accessible PDF

After you've fixed all accessibility issues in the diagram, you can download it to your computer as a PDF.

  1. In Visio for the web, select File > Save As > Download As PDF. The PDF is downloaded to the Downloads folder on your computer.

See also

Rules for the Accessibility Checker

Make your Word documents accessible to people with disabilities

Make your Excel documents accessible to people with disabilities

Make your PowerPoint presentations accessible to people with disabilities

Make your Outlook email accessible to people with disabilities

Technical support for customers with disabilities

Microsoft wants to provide the best possible experience for all our customers. If you have a disability or questions related to accessibility, please contact the Microsoft Disability Answer Desk for technical assistance. The Disability Answer Desk support team is trained in using many popular assistive technologies and can offer assistance in English, Spanish, French, and American Sign Language. Please go to the Microsoft Disability Answer Desk site to find out the contact details for your region.

If you are a government, commercial, or enterprise user, please contact the enterprise Disability Answer Desk.

Need more help?

Join the discussion
Ask the community
Get support
Contact Us

Was this information helpful?

What affected your experience?

Any additional feedback? (Optional)

Thank you for your feedback!

×