Accessibility

This expanded section on accessibility of the ACS Inclusivity Style Guide was made possible with a generous gift from the Bath & Body Works Foundation.

Introduction

Digital accessibility ensures that people can perceive, understand, navigate, and interact with websites and digital tools regardless of auditory, cognitive, neurological, physical, speaking, or visual abilities. Accounting for accessibility removes barriers for people with disabilities and can make web interfaces and information more enjoyable for everyone. Making information accessible helps broaden access to scientific research, and reflects the American Chemical Society’s core values.  

This section introduces best practices for making accessible digital and (some) print content. It is not exhaustive but serves as a starting point for deeper research or conversations with developers. It also does not prescribe legal or institutional policy but is intended to provide evidence-informed options for accessible communication. Our recommendations draw on guidelines from multiple organizations, institutions, and advocacy groups, with examples primarily from ACS publications. Examples with the phrases “Use/Avoid” indicate practices explicitly mentioned from the Web Content Accessibility Guidelines (WCAG). Examples with the phrases “Consider/Instead of” offer one of several options, acknowledging that different approaches may be taken. This section ends with references to additional resources that can provide more detailed guidance and recommendations.

Users should consult their organization’s policy when preparing materials for official contexts. In some cases, taking steps to make information accessible might be necessary to comply with the Americans with Disabilities Act (ADA) or other relevant regulations. 

Some inclusive options may require specialized expertise; if that’s the case, assess whether the project requires consulting accessibility professionals and/or engaging with end users with disabilities. This section is organized by project phase (project planning, project execution, and finishing touches), highlighting the most relevant considerations for each phase. Some recommendations can also improve the usability of print products (such as PDFs).

For more information, see the Web Content Accessibility Guidelines, recognized globally as the standard for web accessibility, and more resources listed in “Resources on accessibility.” 


New Work

Background:

Designing content with accessibility at the start is easier and more cost-effective than retrofitting existing media. For example, it’s easier to incorporate markup languages or Accessible Rich Internet Applications (ARIA) labels during website development than to add them later. Similarly, writing a video script with integrated descriptions is easier than adding descriptions after recording. See also “Markup languages and ARIA attributes” and “Videos.”

Inclusive options:

  • Start your project design process with accessibility in mind.
  • When possible, involve coders and designers who have experience with accessibility, or who have a disability themselves. They are often best equipped to apply accessibility guidelines effectively. 

Assistive devices and technologies

Background:

Many devices and technologies help people with disabilities access information. The type of device or technology used depends on the disability and kinds of media they are interacting with.

Examples include: 

  • Screen readers: Common tool for people who are blind and low-vision (but also people without vision-related disabilities). Screen readers read text from computer programs, messages, web pages, emails, e-books, and more aloud or sends information to a braille display. 
  • Braille display: Devices that use tiny pins to form braille characters that can change as the user reads or as the text updates. Some devices print braille on paper for offline reading.
  • Speech-to-text software: Renders spoken words to text.
  • Voice control software: Allows users to vocally issue commands to a device. 
  • Eye-control or laser pointer systems: Assists people who cannot use a keyboard or mouse. 
  • Screen magnifiers: Helps people with limited vision to enlarge content. 
  • Adaptive keyboards: Includes extra large keys or ergonomic designs for one-handed use.

Inclusive options:

  • Be aware of assistive technologies. When developing content, keep in mind the various ways that people will navigate digital and print information.
  • Consider testing for accessibility. Navigate with different kinds of assistive technologies, if possible. A simple method is to test navigating a web page or platform with the tab key, or using a screen reader built into your operating system.
  • When possible, ensure that people with disabilities or people experienced with using the technologies can help with testing.
  • See also, “Keyboard navigability.”

Writing for accessibility

Background:

Clear writing can help everyone understand information more easily. Plain language is a method of writing that uses clear and simple wording. It can make text more accessible to people with cognitive conditions and people who speak English as an additional language. 

Plain language typically:

• uses simple sentence structures,

• favors active voice (where the subject performs the action),

• puts the most important information first,

• defines difficult but important terms,

• defines abbreviations before using them,

• avoids idioms and jargon,

• uses familiar words, and

• uses bullet points instead of long in-line lists. 

Plain language isn’t always the best option. Fiction or creative writing rarely work well in plain language, but informational material or content intended for broad audiences can. When content is translated into plain language, it’s common to provide both plain and standard versions. Whichever format chosen, ensure the tone is considerate of the reader. 

Incorporating plain language principles into scholarly and technical writing, particularly abstracts, can make science and science findings more accessible to a broader audience. Providing plain language summaries to scholarly articles has become increasingly common. Many journals and funding sources have started to require plain language summaries to raise awareness of scientific topics or medical issues.

Inclusive options:

  • Use plain language when the information is particularly relevant for readers with cognitive disabilities or readers who could benefit from simple presentation. 
  • Consider adopting principles of plain language for technical writing and scholarly scientific work to make findings more accessible. 
  • Write in clear, direct sentences that place the most important information first.
    • Use short sentences and familiar words.
    • Use active voice, where the subject of the sentence performs the action.    

Example:

Consider:

Example Summary

“The Tehuantepec earthquake generated a tsunami that, while modest in size, lasted a very long time. Specialized instruments, called tide gauges, measure the sea-level and registered tsunami waves for as long as 3 days in the region. In order to understand why the tsunami lasted so long, we model it using specialized computer code and analyze the results of the model. We find that the long duration is most likely due to where the tsunami happened. It occurred inside of a very flat and shallow part of the ocean called the Tehuantepec shelf. Because of its shape, the Tehuantepec shelf traps tsunami waves and these slosh around the region for a very long time. This trapping effect had not been identified in the region before, and it is important to understand because future earthquakes in the region might generate much larger tsunamis which will have the added hazard of also lasting a very long time. Future tsunami planning efforts should take these results into account.” 

Example Abstract

“The 8 September 2017 M8.2 Tehuantepec, Mexico, earthquake ruptured an ~150-km-long high-angle normal fault below the subduction zone megathrust. A tsunami was generated by the event with surveyed runup as large as 3 m. Tide gauges in the region show a remarkably long duration of the tsunami with oscillations within the very wide and shallow Tehuantepec shelf lasting as long as 3 days. Here we produce a model of the tsunami and validate it by comparing it to the tsunami survey and to the time and frequency domain features of regional tide gauges. We analyze the model results and show that the long-lived oscillations are a result of wholesale resonance of the shelf as well as very efficient trapping of edge waves at the shore. These resonant features are the result of the Tehuantepec shelf morphology and illuminate a previously unidentified tsunami hazard for the region.” 

Credit: Used with permission from the American Geophysical Union, 2023. Creating a Plain Language Summary (PDF)


Fonts and typefaces

Background:

Ornate or hard-to-read typefaces can make text difficult for people with dyslexia and other cognitive disabilities. Common and widely available typefaces, including Arial and Helvetica, help avoid accessibility barriers in digital and print contexts. A font refers to the styling of a typeface, including their size and whether they are italicized or bold. A typeface is a specific design of type and can use serifs (a small line or stroke added at the ends of letters). Sans (meaning without) serif typefaces omit those strokes. Both font choice and whether the typeface is serif or sans serif can affect readability. Using too many different fonts or typefaces in the same document or site can reduce readability. 

Accessibility experts disagree on whether it’s important to avoid serif fonts entirely. In general, sans serif typefaces, such as Helvetica, can be clearer when ornamentation is distracting, however, some people have difficulty differentiating sans serif characters such as “p,” “q,” lowercase “L” and uppercase “i,” or “b,” and “d.” In general, choosing a common typeface in large font, depending on context, is most accessible.

Inclusive options:

  • Use readable, common typefaces and ensure spacing between letters and words are adequate but not overexaggerated.
  • Avoid heavy stylization, such as all caps, shadows, or text layered on other text.
  • Avoid large sections of italicized text. 
  • Use consistent font and typeface throughout one document. Avoid mixing too many styles.
  • Use at least 12-point font size or larger for normal text in email or documents.
    • Slide presentations: Use at least 24-point or larger for body text and 28 - 38-point for titles.
    • Posterpresentation: Use 24 - 30-point for body text, 36-60-point for headings and subheadings, and 45 - 120-point font for title, depending on length.


Alternative text and image descriptions

Background:

Alternative text (alt text) is embedded in digital visuals. It appears when an image fails to load. Screen readers also use alt text, making it essential for people with low or no vision to interpret any non-text elements, including photos, tables, graphs, and graphics. Alt text should describe what the image shows without repeating the caption, as a screen reader reads both. 

For simple images, most guides recommend keeping alt text concise (100 – 150 characters). Overly long alt text can burden users. There is no strict limit, but longer descriptions for more complex images, such as charts, graphs, or infographics (see “Infographics”) can be added using different methods.  

Alt text isn’t usually visible, but image descriptions often are. They are positioned next to or beneath a caption in addition to the alt text and used most widely on social media. Image descriptions are longer and can encompass more context and tone. If an image description doesn’t fit with the caption, it’s also acceptable to add it in the comment section of a social media post.

There’s ongoing debate on how specific alt text should be in describing characteristics such as race or gender of people portrayed in an image. Some advocates argue that it’s best to include race, for example, to counter a false, socially-constructed narrative that the default subject is White. Others caution that describing such characteristics risk misidentification of the person or people portrayed in the image. 

Inclusive options:

  • Provide clear, concise alternative text for images and other non-text features wherever they appear online, including on social media. 
  • When writing alt text for images of people, include characteristics that help readers understand the image's meaning. Make an informed choice about whether to include other details. 
  • For longer alt text, use a different strategy, such as providing a text summary beneath a graphic (see “Infographics”). 
  • On social media, use detailed image descriptions for images. 
  • For logos, a simple identification of the logo will suffice (such as "Acme logo").
  • Decorative images, such as spacers, or invisible formatting elements do not need a description and should be marked as decorative so screen readers can skip them.

Examples:

Consider:

Manny Morone/C&EN

Alt text: "A glass toilet with an atomizer attached to the top, making it look like a sprayable perfume bottle."

Caption: "Eau de toilet: Liquid Assets' smelly spray has more refined uses than you may think."  

The alt text for this image describes its visual content, while the caption provides editorial context (C&EN, Sept. 9, 2018).

Consider:

ACS Cent. Sci.

Alt text: "Above, Bryan Shaw looks pensively upon a plastic 3D-printed card that he’s holding in his outstretched arm. It shows the chemical line structure for (2E,4E)-deca-2,4-dienoic acid and its ethyl ester as well as ethanol. The line structures are printed as raised ridges on a translucent plastic card. Below, he holds a similar plastic card that shows an image 10-lane electrophoresis gel with the bands represented by tiny raised blobs that appear darker on the card.”

Caption: “Bryan Shaw of Baylor University holds textured 3D-printed tactile graphics of a chemical structure (top) and an electrophoresis gel (bottom). Lifted ridges on the cards allow scientists and students to read information and data without having to see the graphics. Minkara collaborated with Shaw’s group on the work.”  

The alt text for this drawing describes its visual details, including IUPAC naming for chemical structures (ACS Cent. Sci. 2023, DOI:10.1021/acscentsci.3c01101).

Consider:

Kim Janda/C&EN

Alt text: "A protein structure diagram, with a small molecule docked inside the binding pocket.”

Caption: “A crystal structure of the new antibody shows how fentanyl fits into its binding pocket.” 

The alt text for this drawing describes the visual details, while the caption provides editorial comment (C&EN, Aug. 7, 2023).


Images of text

Background:

Images of text create barriers for people using screen readers and people with low-vision. When text is presented as an image, screen readers cannot access the text, and users cannot meaningfully magnify the text to improve readability. Browser zoom features will not be able to wrap or enlarge the text in that image. 

Inclusive options:

  • Use actual text, HTML data tables, MathML, or other supported languages for text, formulas, and equations. 
  • Do not use images of these elements. For example, if you cannot select the text in a table, the table is likely an image and will not be accessible to all readers.

Examples:

Consider:

For the Determination of Calcium, Potassium, Sodium, and Strontium
Element Wavelength (nm)Sample Wt (g)Standard Added (mg)

Ca

422.7

0.040.02; 0.04

K

766.5

1.00.02; 0.04

Na

589.0

0.100.005; 0.01

Sr

460.7

0.050.05; 0.10

The "Barium Acetate" monograph in ACS Reagent Chemicals uses an HTML data table, which is more accessible than a table rendered as an image.

Instead of:

 

A screenshot of a table showing sample weight and other measurements for calcium, potassium, sodium, and strontium.
ACS Reagent Chemicals

This screenshot shows the table as an image, which is less accessible than an HTML table.

Consider:

% ( C H 3 C O O ) 2 B a = ( m L × M E D T A ) × 25.54 Sample wt ( g )

The "Barium Acetate" monograph in ACS Reagent Chemicals also uses MathML for the assay of barium, rather than an image of the equation.

Instead of:

Image of equation for the assay of barium
ACS Reagent Chemicals

The screenshot shows an image of the equation, which is less accessible.


Formatting tables

Background:

Data tables are often the most effective way to depict data for people who use screen readers. But poorly formatted tables can create accessibility barriers. When header cells and data cells are properly labeled using a markup language, screen readers can contextualize and interpret the data accurately. Screen readers often struggle with parsing split or merged cells, and nested tables. Keep table structures simple and use clear markup for headers and data cells.

Inclusive options:


Color to convey meaning

Background:

For people with color vision deficiency (also called color blindness) and people with low vision, distinguishing certain colors and shades can be difficult, if not impossible. If information is conveyed by color alone, some people may not be able to interpret it. To ensure accessibility, combine the use of color with text, shapes, symbols, or patterns.

When color is used to convey information, such as in heat maps or fluorescent images, choose accessible palettes. For example, perceptually uniform palettes are easier to read than rainbow scales, because they can also be distinguishable for people with color vision deficiency.

Inclusive options:

Examples:

Consider:

 

Although most raw lithium comes from Australia and Chile, Chinese producers dominate lithium processing. Source: Benchmark Mineral Intelligence.
C&EN

Labeling the slices with percentages ensures that people can understand the data even if they can't distinguish the colors of the pie slices (C&EN, Oct. 29, 2022).

Consider:

 

Kinetic traces of the excitonic decay (recorded at 590 nm) of CuInS2 deposited on (a) SiO2 and (b) TiO2. The solid line represents the biexponential fit. (All measurements were carried out in vacuum using a 387 nm laser pulse excitation)
J. Phys. Chem. Lett.

Each set of data is labeled with a symbol (in this case a letter) that is also included in the legend (J. Phys. Chem. Lett. 2013, DOI: 10.1021/jz400181m).


Color contrast

Background:

Color contrast ratio refers to the difference in brightness between two adjacent colors. The Web Content Accessibility Guidelines (WCAG) define minimum contrast ratios that must be met when color differentiation is critical for understanding content. For example: 

  • Text should have sufficient contrast against its background
  • Non-text elements creitical for comprehension should contrast adequately with their background or adjacent elements.

There are instances when the strict color contrast ratios matter less – for example, when text conveys the same information as the colors (such as labeled pie slices) or when a specific visual presentation is necessary (such as a screenshot).

Inclusive options:

Example:

Consider:

Chemistry for Life

Instead of:

Chemistry for Life

Yellow does not meet color contrast minimum requirements against a white background.


Podcasts

Background:

Accessible podcasts means more people can benefit from the information; it also has secondary effects. For example, This American Life, a popular podcast, found that providing transcripts increased web traffic through to better search engine optimization (SEO) and engagement. 

Transcripts are a key element to accessible podcasts. Good transcripts descriptions of sounds like music and background noises. These details help create a similar experience to people listening.  

Clear audio is important too. Soft voices or loud background sounds make it difficult for people who are hard to decipher the information.

Offering podcasts on accessible players and in multiple formats makes it easier for people with disabilities to access them.

Inclusive options:

Examples:

Consider:

A C&EN podcast is downloadable and available as a transcript (C&EN, May 16, 2023).

Consider:

A C&EN podcast has descriptions of sound (C&EN, Sept. 13, 2022).

“Matt: I got a tour from the engineering manager for the plant. His name is Will Smith.

[machinery noise]

Will Smith: Yeah, so, you know, the common misconception is, it’s little, like it’s like in a trailer or a lab or something like that. I mean, this is a full-scale demonstration plant.”


Videos

Background:

Videos often rely on audio or visuals alone, which can make them inaccessible for people who are deaf, hard of hearing, in noisy environments, low-vision, or blind. Making videos accessible means presenting both visual and audible information in multiple ways. 

Captions, transcripts and audio descriptions are methods of providing access to audio content:

  • Captions are time-synchronized text displayed on the video. It includes both dialogue and descriptions of sound effects. Use captions that are large enough (at least 18-point font) and ensure they don’t cover important on-screen information. 
  • Transcripts are static (not time-synchronized) and provided as a separate file or webpage. Sometimes time-stamps are included, but this format is more compatible for searching for specific words or phrases than captions. Include thorough transcripts that describe all relevant visual details, including actions that aren’t mentioned in audio. 
  • Audio descriptions are spoken descriptions that explain what is happening visually. These can be integrated into the main script or created as a separate audio track. For example: 
    • Integrated into the script: "Now I will pour the polyvinyl alcohol solution and the Borax solution into a cup and mix it with this wooden stick."
    • Separate audio description: (after the line above in the script) "A woman pours two liquids into a cup and stirs them with a wood stick."

Inclusive options:

  • Provide captions and transcripts for videos. If actions are not audibly described, include separate or integrated audio descriptions.
  • Provide different playback speeds, and don’t employ the autoplay feature
  • Videos should avoid flashing lights or strobes or warn users before showing them. 
  • Use sign language interpretation for live-streamed videos when closed-captioning isn’t available.
  • See also, Section508.gov for captions and transcripts guidelines.

Examples:

Consider:

Script for a video: 

Mix together the flour, milk, and eggs until all the flour is incorporated and the ingredients form a smooth batter without lumps. 

Instead of:

Script for a video:

Mix together the flour, milk, and eggs until they begin to look like this.

Consider:

An ACS Reactions video on amorphous ice has closed-captioning and a transcript that includes description of sounds (ACS Reactions, May 31, 2023).

Consider:

A video from the National Eye Institute includes audio descriptions (National Eye Institute, NIH, June 23, 2023).


Emails and newsletters

Background:

Many of the accessibility guidelines for print and digital content also apply to emails. Those principles are summarized in the inclusive options that follow. 

Inclusive options:

  • Ensure high color contrast. See also “Color contrast.”
  • Avoid using color alone to convey meaning (this includes highlighting portions of text or varying text colors). See also “Color to convey meaning.”
  • Use meaningful hyperlink text (not "click here"). See also “Hyperlinks.”
  • Add alt text for images, including signature graphics or logos. See also “Alternative text and image descriptions.”
  • Include essential information in the email body rather than in separate files, if possible. This can make the information easier to access.
  • If using attachments, format them for accessibility.
  • Avoid relying solely on bold or underlining for emphasis; screen readers may not interpret that emphasis. 
  • Break up long amounts of text with properly formatted headings for new sections instead of bold text.
  • Use simple layouts for email body (one or two columns).
  • Add sufficient spacing between paragraphs.
  • Use plain language when possible. See also “Writing for accessibility.” 
  • Avoid flashing images or GIFs; they risk triggering seizures or other conditions. If unavoidable, provide a warning before they appear. See also “Videos.”  

Infographics

Background:

Infographics use images and data visualizations to present complex or dense information in a clear and engaging way. They can pose accessibility challenges if not designed with assistive technologies in mind at the start. Visual cues alone may not work for people who use screen readers or have color vision deficiency (color blindness). Complex layouts can also make the content harder to process for people with cognitive disabilities.

Inclusive options:


Posters

Background:

Many accessibility principles used for online media also apply to printed banners and posters. Apply design principles for scientific posters from the ACS Guide to Scholarly Communication for more guidance.

Inclusive options:

  • Use sans serif fonts that are visible from several feet away. 
    • Body text should be 24 – 30-point, 
    • Headings should be 36 – 60-point, and 
    • The title should be 45 – 120-point font, depending on the length.
  • Ensure high color contrast between text, images and data elements and their backgrounds elements (see “Fonts and typefaces” and “Color contrast”)
  • Avoid using only color to convey information by combining with text, patterns, or symbols (see “Color to convey meaning”). 
  • Choose accessible color palettes and confirm the final project is legible using digital tools. 
  • Keep the backgrounds plain to make charts easier to read
  • If possible, make posters available online, with a QR code or link. Ensure the digital version is accessible. 
  • Break text into sections and balance with visuals.
  • Leave at least a 1 inch (2.54 cm) margin of whitespace around the edges of the poster. 

Poster sessions and other types of interactive events can be challenging, especially for people that miss social cues or have difficulty hearing or paying attention in noisy environments. While presenting: 

  • Offer multiple ways for participants to engage. 
  • Keep writing tools nearby so that deaf or hard-of hearing individuals can communicate in noisy environments still.

Emoji and emoticons

Background:

Emoji are pictorial characters, whereas emoticons use combinations of keyboard characters arranged to represent an image —for example, the less-than sign next to the number three to depict a heart (<3). Screen readers often struggle with emoticons because they cannot interpret the series of characters as a single image.

Screen readers translate emoji into text descriptions (e.g., “clapping hands”). Emojis are not always conveyed correctly or as intended, sometimes displaying numeric codes instead of the intended image. 

Using multiple emoji in a row (especially repeating ones) or placing them between words can make messages more difficult to understand. 

Inclusive options:

  • Do not overuse emoji in social media posts, and do not use them to replace words. 
  • If possible, check screen reader behavior with emoji so that the meaning matches your intent. 
  • Place emoji at the end of the message. Make sure essential information is conveyed in text. 
  • Avoid using emoticons. 

Example:

Consider:

This is awesome! 👏

Instead of:

This 👏 is 👏 awesome! 👏👏👏


Hashtags

Background:

Screen readers read all-lowercase hashtags as one word, which can make them hard to understand.

Inclusive options: 

  • Capitalize each word in a hashtag so screen readers can distinguish each word.
  • When possible, test out hashtags with a screen reader.

Examples: 

Consider:

#ACSKidsZone

Avoid:

#acskidszone or #ACSKIDSZONE

Consider:

#ACS150

Avoid:

#acsonefifty or #ACSONEFIFTY


Keyboard navigability

Background: 

Many people use only a keyboard to navigate websites and engage with interactive elements. Others use assistive devices that simulate keyboard commands. Relying on touch screens and point-and-click mouse navigation creates barriers for people using other forms of navigation. Common keyboard strokes for navigation and interaction include Escape, Arrow keys, Spacebar and Tab. The user’s current location on a site should always be clear. For example, highlighting the element in focus helps keyboard users know where they are on the page. 

Providing robust keyboard navigability ensures that interactive elements are usable for everyone. 

Inclusive options: 

  • Ensure full keyboard navigability. Websites should support standard keyboard strokes (arrow, escape, or tab key). 
  • The current location in the navigation area should be clear to the user through highlighting, and users should always be able to navigate away from a page element with the keyboard.

Markup languages and Accessible Rich Internet Applications (ARIA) attributes

Background: 

Markup languages, such as HTML, dictate the structure and presentation of digital content. They organize information for assistive technologies. For example, using headings allow screen readers to provide users with a quick overview of the information, similar to how a reader might quickly scan headlines. 

ARIA (Accessible Rich Internet Applications) attributes is a set of markup language that makes interactive elements compatible with assistive technologies. ARIA attributes act as a bridge between programming and markup languages, ensuring that elements like buttons, menus or other dynamic content can be announced for screen readers. 

ARIA attributes can also be applied to other interactive elements or elements that change on a screen, and there are many more in-depth descriptions of their functions available online. A note of caution: poorly used ARIA attributes can worsen site navigation. Ensure that pages are well structured, use semantic HTML with ARIA labels to fill remaining gaps.

Inclusive options: 

  • Use clear labeling and structure. Ensure that markup languages are organized so screen readers interpret them correctly. 
  • Label and tag content consistently. For example, differentiate headings, body text, and other elements with correct tags in all digital contexts. This includes websites, PDF documents, Word and PowerPoint documents, and more. 
  • Use ARIA attributes thoughtfully and correctly for non-text elements. 

Example: 

Code for a hamburger button that links to a web page's menu options:

Consider:

<button class=“menu-burger” aria-label=“menu”></button>

The ARIA label will allow a screen reader to identify the purpose of the button.

Instead of:

<button class=“menu-burger”></button>


Auditing and Voluntary Product Accessibility Template (VPAT)

Background: 

One website or media development is completed, auditing for accessibility can identify areas that need further addressing. One practical approach is to experience the content the way a disabled people might—for example, navigate through the website using only a keyboard, or activate a screen reader. Solicit feedback from users with disabilities, who are best positioned to evaluate accessibility.

The Voluntary Product Accessibility Template (VPAT) is a widely use tool to assess compliance with Section 508 of the US federal government’s Rehabilitation Act. VPAT is essentially a checklist to evaluate the accessibility of a product. Out of this comes an Accessibility Conformance Report. Although these reports are mostly a requirement of government agencies and some contractors, reliance upon these reports is increasing in academia and other sectors. 

VPAT compliance isn’t absolute. Each criterion on the checklist has degrees of support, ranging from full to partial compliance. The most thorough evaluations employ experts to manually test the content with assistive technologies. Many third-party companies offer VPAT compliance audits, some are automated audits.

Inclusive options: 

  • Build accessibility into projects from the start and when possible, audit along the way. 
  • If accessibility is a concern, use spot checks (a quick review) to decide whether a full audit is needed. 
  • Auditing is particularly important for sites that offer education and critical civic information. Prioritize accordingly. 
  • Large organizations with multiple sites should prioritize auditing. 
  • Leverage the many auditing tools and services available online to help identify gaps and improve compliance.

Website overlays and widgets

Background:

Some companies offer accessibility overlays—code intended to automatically fix issues on websites without changing the underlying code. But permanent plug-ins currently on the market rarely, if ever, meet the needs of people with disabilities. Over 1000 accessibility experts, software developers and designers, and end users with disabilities have signed an Overlay Fact Sheet recommending  that organizations avoid reliance on overlays as an accessibility solution.

Inclusive options:

  • Avoid relying on permanent plug-ins to fix accessibility issues on a website. They often don’t fully address accessibility needs and can sometimes create new barriers or issues. 
  • Incorporate best accessibility practices from the start of the development process. 
  • Work with accessibility professionals to ensure your content meets the needs of people with disabilities. 
  • Provide means for users to contact your organization with accessibility issues or barriers.

Resources on accessibility