Accessible content refers to digital materials, such as websites, documents, videos, audio files, and multimedia presentations designed and created in a way that ensures individuals with disabilities can access, understand, and engage with them effectively. It involves implementing inclusive design principles and incorporating features that accommodate various disabilities, impairments, or limitations.\n\nAccessible content aims to remove barriers and provide equal access to information, communication, and entertainment for individuals with disabilities. It goes beyond mere compliance with legal requirements and embraces the principles of inclusivity, diversity, and equal opportunity."}},{"@type":"Question","name":"Is Infogram compliant with accessibility standards?","acceptedAnswer":{"@type":"Answer","text":"

Yes, Infogram is officially compliant with the latest WCAG 2.2 level AA accessibility guidelines. This ensures that you can create content that's accessible to people with various disabilities, such as vision impairment, limited movement, and cognitive limitations."}},{"@type":"Question","name":"What accessibility features does Infogram offer?","acceptedAnswer":{"@type":"Answer","text":"

In line with WCAG 2.2, Infogram has introduced several new features and improvements to ensure that all users can access and interact with their data visualizations effectively.

• Keyboard navigation. For users who rely on keyboards, Infogram has made it easier to navigate through charts and graphs. Now, all interactive elements on Infogram charts, such as buttons, drop-down menus, and data points, are fully accessible via keyboard. This aligns with WCAG 2.2’s focus on ensuring that keyboard users can operate all functionalities on a webpage, improving the user experience for those with motor disabilities.
• Focus indicators. WCAG 2.2 introduced new requirements for focus appearance, ensuring that it’s highly visible. Infogram’s design team has updated the platform’s interface to include clear, high-contrast focus indicators that make it easier for users to see which element they’re interacting with, thus improving accessibility for users with visual impairments.
• Screen-reader support. To ensure a more inclusive experience, Infogram has improved screen reader compatibility for its data visualizations, making them easier to understand for users who rely on assistive technology. Now, screen readers can accurately describe charts, graphs, and other visual elements, allowing visually impaired users to fully understand and interact with the presented data. This ensures that everyone, regardless of their visual abilities, can access and benefit from your visualizations.

  "}},{"@type":"Question","name":"Who benefits from Infogram's accessibility features?","acceptedAnswer":{"@type":"Answer","text":"

  Infogram's accessibility features benefit people with disabilities, including those with vision impairment, limited mobility, cognitive challenges, and more. These features make it easier for a wider range of users to engage with your content."}},{"@type":"Question","name":"How to make content accessible to screen readers?","acceptedAnswer":{"@type":"Answer","text":"

  \n

  Screen readers help people who are visually impaired use a computer, rendering the text into audible speech. By enabling the Visible to screen readers option in your project settings, you’ll be able to add a label and description to charts, maps, images, or icons as well as your custom logos and grouped objects. This description will then be rendered from text to speech.\n\n

  1. Create a new project or select one of your existing ones. Click to select an object on the canvas.
  2. From the settings panel on your right, open the Accessibility tab. Enable Visible to screen readers (the option is enabled by default).
  3. Insert a Label so people understand what the particular piece of content is. For example, a bar chart for an income statement, a regional map of Norway, an image of a mountain, etc.
  4. Provide a meaningful text alternative to the visual in the Description field. Be short, concise, and express the summary in a way that brings the visual to life.
  5. Select your project language in the settings panel on the right. This will indicate what kind of voice the screen reader should use. You can also find this option in your Account's project settings, where you can set the default language.

     "}},{"@type":"Question","name":"How to navigate published content with keyboard controls?","acceptedAnswer":{"@type":"Answer","text":"

     Keyboard shortcuts provide an alternative way to navigate and interact with charts, maps, text, videos, and integrations. Navigation is possible with tabs, legends, table search bars, hyperlinked text/images/icons, map icons, and video play buttons. When a piece of content is selected, it’ll be highlighted with a blue square. When you open a project in Webview or embed it online, use the following keyboard shortcuts to navigate and interact:\n\nThis support article from Infogram will help you understand keyboard shortcuts better."}},{"@type":"Question","name":"What are the design principles for improved readability?","acceptedAnswer":{"@type":"Answer","text":"

     1. Use titles and subtitles to create groups of related content.
        • Grouped content reduces clutter, makes it easier to scan and gives structure. Think about clear and concise sentences. Headers and sub-sections make it easier for screen readers to jump between sections.
        • Use the colorblind-friendly theme and color combinations.
          • Create contrast between objects and the background. Use the Contrast Tracker to check whether your colors meet the accessibility criteria in WCAG. Avoid bright colors and very faded colors. To make sure your content is accessible for the vision impaired, use the colorblind-friendly theme that can be found in the settings panel on your right.
          • Create designs for all viewport sizes.
            • If you plan on embedding your content, think about which devices your content will be viewed on – laptops, tablets, or mobile phones. Use the URL code or the responsive and async embed codes in the HTML editor of your webpage. This guarantees your content will adapt to the screen size, offering a seamless viewing experience. When designing for mobile, avoid objects that are too small. To learn how to embed and what codes we offer, head over to our article about Embedding a project.
            • Make sure interactive elements are easy to find.
              • Use the interactivity hints option in your project settings. Hints pop up when the viewer scrolls through your content to highlight interactivity. For more on how to enable this option, head over to the article about Enhanced chart and map interactivity and animated data storytelling.
              • Include image and media alternatives in your design.
                • Complement your text with icons, images, videos, or voice recordings. Use the panel to the left of the editor to add images/icons from the graphics gallery as well as videos and sound embeds using Infogram’s many integrations. If you're using mostly video and image content, add captions or transcripts for multimedia.
                • Create a meaningful structure and add a summary for easy navigation. To learn about linking your summary to pages within the project, head over to the tutorial article about Page linking.
                • When using hyperlinks, make link text meaningful.

                  "}}]}

                  

                  Log inSign up

                  Log inSign up

                  Make Your Content Accessible to All

                  

                  Create inclusive designs that everyone can appreciate, regardless of disabilities or impairments.

                  Try it nowContact us

                  

                  4.7 out of 5 stars

                  

                  

                  • Overview

                  • Why

                  • Examples

                  • Reviews

                  • Tips

                  • FAQ

                  Break Down Barriers

                  In today's interconnected digital landscape, content has become the lifeblood of communication, information sharing, and entertainment. However, for millions of individuals with disabilities or impairments, accessing and engaging with digital content can present formidable challenges. This is where the concept of accessible content comes into play - a transformative approach that aims to break down barriers and ensure that everyone, regardless of their abilities, can seamlessly participate in the online world.

                  Accessible content refers to the design and creation of digital materials in a way that accommodates diverse needs and enables equal access for all individuals. It encompasses various dimensions, including visual, auditory, and cognitive accessibility. By implementing inclusive practices, content creators can make their websites, documents, videos, and multimedia presentations accessible to people with disabilities, enhancing their overall user experience and fostering inclusivity.

                  Accessibility involves considering a wide range of factors, such as providing alternative text for images, creating closed captions and transcripts for videos, using clear and readable fonts, implementing navigational structures that are easily understandable, and ensuring compatibility with assistive technologies. These measures empower individuals with visual impairments, hearing impairments, cognitive disabilities, and mobility limitations to independently navigate and engage with digital content.

                  The importance of accessible content extends beyond compliance with legal requirements. It embraces the principles of equal opportunity, diversity, and social responsibility. Accessible content not only benefits individuals with disabilities but also provides advantages to businesses and organizations. It expands their reach, broadens their audience base, and cultivates a more inclusive brand image.

                  In the era of digital transformation, prioritizing accessible content is not just an option; it's an imperative. By embracing accessible design principles, content creators can unlock the true potential of the online world, breaking down barriers and enabling everyone to participate fully in the digital revolution. Together, let us embark on a journey toward a more inclusive and accessible future where content knows no boundaries.

                  8 Reasons Why You Should Create Accessible Content

                  Discover the reasons why and how Infogram helps you to create accessible content.

                  

                  Inclusive Experience

                  Accessible content caters to the diverse needs of individuals with disabilities, ensuring they can fully engage with digital experiences. It empowers them to access information, participate in online discussions, utilize online services, and enjoy entertainment content on equal terms.

                  This inclusivity promotes a sense of belonging and empowerment, fostering a more equitable digital environment.

                  Schedule a demo

                  

                  Expanded Audience

                  By implementing accessibility features, you can reach a broader audience. This includes individuals with disabilities, older adults with changing sensory abilities, non-native speakers who may require language support, and individuals using different devices or internet connections.

                  By accommodating diverse needs, accessible content opens doors to new markets, expands customer bases, and drives engagement with a wider range of users.

                  Schedule a demo

                  

                  Compliance with Legal Requirements

                  In many countries, laws and regulations have been put in place to ensure that digital content meets certain accessibility standards. By creating content that's accessible, you're making sure you follow these legal rules. This not only reduces the chance of facing legal issues like lawsuits and penalties, but it also shows your commitment to being inclusive and socially responsible.

                  The great news is that Infogram now fully aligns with the latest WCAG 2.2 level AA accessibility guidelines. This means you can easily create content that speaks to a larger audience, including people with disabilities like vision impairments, limited movement, and cognitive challenges.

                  Learn moreSchedule a demo

                  

                  Improved User Experience

                  Accessible design principles often lead to an overall improved user experience for all users, regardless of disabilities. Features such as clear and intuitive navigation, readable fonts, well-organized content, and optimized multimedia elements benefit everyone.

                  By prioritizing usability and accessibility, content creators create a more enjoyable and engaging experience for all users.

                  Schedule a demo

                  

                  Search Engine Optimization

                  Accessible content is often better optimized for search engines. Accessibility features, such as descriptive headings, alternative text for images, and well-structured content, improve the website's search engine visibility and rankings.

                  This, in turn, increases organic traffic and improves the discoverability of the content.

                  Schedule a demo

                  

                  Positive Brand Image

                  Prioritizing accessibility and inclusive design sends a strong message about your values and commitment to social responsibility. By demonstrating a genuine concern for the needs of individuals with disabilities, you enhance your brand image and reputation.

                  This can lead to increased customer loyalty, positive word-of-mouth, and a stronger connection with stakeholders.

                  Schedule a demo

                  

                  Innovation and Creativity

                  When it comes to making content accessible, creators face unique challenges that require creative thinking and innovative solutions to ensure inclusivity. This can drive experimentation with alternative formats, new technologies, and novel approaches to content delivery.

                  By pushing boundaries, accessible content can inspire fresh ideas and foster innovation within the digital landscape.

                  Schedule a demo

                  

                  Greater Social Impact

                  Accessible content plays a vital role in promoting a more inclusive society. Removing barriers to digital access helps bridge the digital divide and ensures individuals with disabilities have equal opportunities to participate in education, employment, and social interactions. Accessible content contributes to breaking down societal barriers and fosters a more inclusive and accessible digital world for everyone.

                  Schedule a demo

                  Get Inspired by Infogram User Created Projects

                  

                  Marvels Movies Binge-Watch the Right Way

                  

                  This Is Our Solar System

                  

                  Halloween Shopping Season

                  

                  Women of the Nobel Prize

                  

                  10 Years After the Deepwater Horizon Oil Spill

                  

                  A Different Kind of March Madness

                  

                  A (Very) Different 4 Th of July

                  

                  Celebrating Women's Day

                  Visit example page

                  Customer Reviews

                  Here is what our customers have to say about us.

                  

                  2022 Summer & Fall and 2023 Winter leader in Data Visualisation Software 4.7 out of 5 stars

                  See reviews on G2 ›

                  Empowering 30,000+ Companies Worldwide

                  From startups to established enterprises, our platform has been embraced by a diverse range of businesses seeking to captivate audiences and simplify complex data. Here are just a few examples of the 30,000+ companies that use Infogram.

                  

                  Learn More Practical Tips

                  Finance

                  A Practical Guide to Creating Financial Reports

                  Media

                  4 Tips for Telling an Effective Data Story

                  Marketing

                  Data storytelling: Ingredients to an effective data story

                  Business

                  Comprehensive guide to creating annual business reports

                  Marketing

                  Marketing report: Everything you need to know to get started

                  Marketing

                  Progress report: What it is and how to write a progress report

                  Frequently Asked Questions

                  What is interactive content?

                  Accessible content refers to digital materials, such as websites, documents, videos, audio files, and multimedia presentations designed and created in a way that ensures individuals with disabilities can access, understand, and engage with them effectively. It involves implementing inclusive design principles and incorporating features that accommodate various disabilities, impairments, or limitations. Accessible content aims to remove barriers and provide equal access to information, communication, and entertainment for individuals with disabilities. It goes beyond mere compliance with legal requirements and embraces the principles of inclusivity, diversity, and equal opportunity.

                  Is Infogram compliant with accessibility standards?

                  Yes, Infogram is officially compliant with the latest WCAG 2.2 level AA accessibility guidelines. This ensures that you can create content that's accessible to people with various disabilities, such as vision impairment, limited movement, and cognitive limitations.

                  What accessibility features does Infogram offer?

                  In line with WCAG 2.2, Infogram has introduced several new features and improvements to ensure that all users can access and interact with their data visualizations effectively.

                  • Keyboard navigation. For users who rely on keyboards, Infogram has made it easier to navigate through charts and graphs. Now, all interactive elements on Infogram charts, such as buttons, drop-down menus, and data points, are fully accessible via keyboard. This aligns with WCAG 2.2’s focus on ensuring that keyboard users can operate all functionalities on a webpage, improving the user experience for those with motor disabilities.
                  • Focus indicators. WCAG 2.2 introduced new requirements for focus appearance, ensuring that it’s highly visible. Infogram’s design team has updated the platform’s interface to include clear, high-contrast focus indicators that make it easier for users to see which element they’re interacting with, thus improving accessibility for users with visual impairments.
                  • Screen-reader support. To ensure a more inclusive experience, Infogram has improved screen reader compatibility for its data visualizations, making them easier to understand for users who rely on assistive technology. Now, screen readers can accurately describe charts, graphs, and other visual elements, allowing visually impaired users to fully understand and interact with the presented data. This ensures that everyone, regardless of their visual abilities, can access and benefit from your visualizations.

                  Who benefits from Infogram's accessibility features?

                  Infogram's accessibility features benefit people with disabilities, including those with vision impairment, limited mobility, cognitive challenges, and more. These features make it easier for a wider range of users to engage with your content.

                  How to make content accessible to screen readers?

                  Screen readers help people who are visually impaired use a computer, rendering the text into audible speech. By enabling the Visible to screen readers option in your project settings, you’ll be able to add a label and description to charts, maps, images, or icons as well as your custom logos and grouped objects. This description will then be rendered from text to speech.

                  1. Create a new project or select one of your existing ones. Click to select an object on the canvas.
                  2. From the settings panel on your right, open the Accessibility tab. Enable Visible to screen readers (the option is enabled by default).
                  3. Insert a Label so people understand what the particular piece of content is. For example, a bar chart for an income statement, a regional map of Norway, an image of a mountain, etc.
                  4. Provide a meaningful text alternative to the visual in the Description field. Be short, concise, and express the summary in a way that brings the visual to life.
                  5. Select your project language in the settings panel on the right. This will indicate what kind of voice the screen reader should use. You can also find this option in your Account's project settings, where you can set the default language.

                  How to navigate published content with keyboard controls?

                  Keyboard shortcuts provide an alternative way to navigate and interact with charts, maps, text, videos, and integrations. Navigation is possible with tabs, legends, table search bars, hyperlinked text/images/icons, map icons, and video play buttons. When a piece of content is selected, it’ll be highlighted with a blue square. When you open a project in Webview or embed it online, use the following keyboard shortcuts to navigate and interact: This support article from Infogram will help you understand keyboard shortcuts better.

                  What are the design principles for improved readability?

                  1. Use titles and subtitles to create groups of related content.
                     • Grouped content reduces clutter, makes it easier to scan and gives structure. Think about clear and concise sentences. Headers and sub-sections make it easier for screen readers to jump between sections.
                  2. Use the colorblind-friendly theme and color combinations.
                     • Create contrast between objects and the background. Use the Contrast Tracker to check whether your colors meet the accessibility criteria in WCAG. Avoid bright colors and very faded colors. To make sure your content is accessible for the vision impaired, use the colorblind-friendly theme that can be found in the settings panel on your right.
                  3. Create designs for all viewport sizes.
                     • If you plan on embedding your content, think about which devices your content will be viewed on – laptops, tablets, or mobile phones. Use the URL code or the responsive and async embed codes in the HTML editor of your webpage. This guarantees your content will adapt to the screen size, offering a seamless viewing experience. When designing for mobile, avoid objects that are too small. To learn how to embed and what codes we offer, head over to our article about Embedding a project.
                  4. Make sure interactive elements are easy to find.
                     • Use the interactivity hints option in your project settings. Hints pop up when the viewer scrolls through your content to highlight interactivity. For more on how to enable this option, head over to the article about Enhanced chart and map interactivity and animated data storytelling.
                  5. Include image and media alternatives in your design.
                     • Complement your text with icons, images, videos, or voice recordings. Use the panel to the left of the editor to add images/icons from the graphics gallery as well as videos and sound embeds using Infogram’s many integrations. If you're using mostly video and image content, add captions or transcripts for multimedia.
                  6. Create a meaningful structure and add a summary for easy navigation. To learn about linking your summary to pages within the project, head over to the tutorial article about Page linking.
                  7. When using hyperlinks, make link text meaningful.

                  Didn't find the answer? Check our FAQs

                  

                  Try Infogram Now!

                  Are you ready to unleash the power of data visualization? Get started with Infogram today and create stunning, interactive content that captivates your audience. Elevate your projects and bring data to life.

                  Try it nowContact us