{"id":23502,"date":"2024-02-26T12:55:05","date_gmt":"2024-02-26T12:55:05","guid":{"rendered":"http:\/\/staging.avdheshsharma.com\/how-to-make-your-figures-accessible\/"},"modified":"2026-04-10T21:52:10","modified_gmt":"2026-04-10T16:22:10","slug":"how-to-make-your-figures-accessible","status":"publish","type":"post","link":"https:\/\/www.editage.com\/insights\/how-to-make-your-figures-accessible","title":{"rendered":"How to make your figures accessible"},"content":{"rendered":"

Key Takeaway:<\/strong> Researchers can make their figures accessible by not relying on color to convey information, using texture and shading to distinguish data series, including alt text, providing high-resolution figures, and using tools like Viz Palette and Coblis.<\/p>\n

Figures are crucial for research impact. You can write a page telling your audience about the microscopic features of your novel material, but no amount of words can be as engaging as showing what you mean with a big, clear scanning electron micrograph. Visual presentations of findings are the best way<\/a> to capture attention and make complex topics easier to understand. Accordingly, many scientific publications are offering new visual display item types, such as graphical abstracts or infographics<\/a>.<\/p>\n

What is accessibility?<\/strong><\/h2>\n

Accessibility refers to how readily content and functionality can be understood and used by people with disabilities. Over the years, web browsers, operating systems, and productivity applications have added many accessibility features, including screen reading, magnification tools, and gesture navigation. While these technologies have been great for users with disabilities, they aren\u2019t a complete solution, and we can do a lot more to facilitate accessibility.<\/p>\n

As figures are visual in nature, making them accessible means meeting the needs of users with visual impairments. However, one recent study<\/a> found that around 2% of images had accessibility issues. Those who use scientific figures, including paper authors and publishers, can make small adjustments to ensure that nobody is held back from accessing important information.<\/p>\n

How can I make my figures accessible?\u00a0<\/strong><\/h2>\n

Don\u2019t rely on color to convey information\u00a0<\/strong><\/h3>\n

Color blindness is surprisingly common: Around 300 million people worldwide<\/a> have some form of colorblindness. As most forms of colorblindness are X-linked recessive traits, men have much higher rates, with around 1 in 12 males being colorblind. Chances are you have friends and colleagues with colorblindness without even knowing it.<\/p>\n

Color coding can be a useful way to show categories or degrees of intensity at a glance, but it can make it difficult for people with color blindness to understand your data. Color has a place in science, but it is critical that it is not misused<\/a>.<\/p>\n

Use textures and shapes to distinguish data series<\/strong><\/h3>\n

One easy way to avoid color problems is to use shapes or textures to distinguish data series. Better still, you can present them in black and white, which not only sidesteps colorblindness issues, but also offers high contrast, which can help people with other visual impairments.<\/p>\n

<\/p>\n

[alt text: a line graph of U.S. households by total yearly income in three categories according to year. The data points use different shapes]<\/p>\n

[Caption: This uses different shapes and colors according to data series. This makes it accessible to people with colorblindness. It could also be changed into a black and white figure without information being lost.<\/p>\n

Don\u2019t use the red and green combination\u00a0<\/strong><\/h3>\n

It might sound strange to pick on these two colors, but the most common forms of colorblindness are collectively referred to as \u201cred-green colorblindness.\u201d Unfortunately, red and green color combinations are incredibly common in figures. I cannot tell you how many immunofluorescence staining or heatmap images I have seen using red and green. However, it\u2019s so problematic that some researchers have penned blog posts to warn others away from using this palette, including useful alternatives<\/a>.<\/p>\n

Include alt text\u00a0<\/strong><\/h3>\n

Providing alt text may be the most vital step you can take to improve your accessibility, as it is vital for users who rely on screen readers<\/a>.<\/p>\n

What is alt text?<\/h4>\n

Briefly, alt text is a text-based description of non-text elements of a figure. It can be read by a screen reader and also has the bonus of helping search engines<\/a> understand what an image is about, thereby strengthening your search-engine optimization.<\/p>\n

Provide high-resolution images\u00a0<\/strong><\/h3>\n

In the past, bandwidth and storage constraints necessitated using low-resolution images. However, this makes it harder for people with visual impairments to zoom in and better read the contents.<\/p>\n

Most content-management systems, including those used by journals, will automatically produce bandwidth-saving thumbnail images that are linked to the full-sized images. This means that we should worry less about image sizes, and offer images in the highest resolutions possible.<\/p>\n

Useful Visual Accessibility Resources\u00a0<\/strong><\/h2>\n

Many tools and resources have sprung up to help address accessibility concerns. While there are too many to list exhaustively, some great examples include the following:<\/p>\n

Wave<\/h3>\n

Wave<\/a> is an accessibility tool for websites that can test accessibility and produce reports on necessary actions. Even if you are not running your own website, it\u2019s a great way to see what errors can be commonly found online.<\/p>\n

Viz Palette<\/h3>\n

This is one of many colorblindness-simulation tools. It allows you to input a color palette using hex values and simulate how the scheme looks with various forms of colorblindness.<\/p>\n

Coblis<\/h3>\n

Like Viz Palette, this helps you simulate colorblindness. Furthermore, it also allows you to upload your own images.<\/p>\n

Journal guidelines<\/h3>\n

Almost every publisher provides guidelines on producing figures, which increasingly includes accessibility guidelines. Naturally, you should check these guidelines before any submission, but I would like to highlight two particularly good examples that can help you understand common considerations.<\/p>\n