Good Alt text is:
Accurate and equivalent in presenting the same content and function as presented by the image.
Succinct. Typically no more than a few words are necessary, though rarely a short sentence or two may be appropriate.
Free of phrases like "image of…" or "graphic of…" It is apparent to the user/assistive technology that it is an image.
About the content that is being conveyed; it should rarely be the description of an image. Focus on what is represented by the image, rather than how it is represented.
Do not use descriptions that rely only on sight ("the right hand column", "click the button", "the red text").
A brief description is all that is necessary.
ALT Text = "Two children at computer"
Describe the destination or function of the link - not just the image.
ALT Text = "LEAP Logo and Link to LEAP Home"
Graphs and Charts are frequently used to illustrate proportion and distribution of data. They are easy to make accessible through textual description - but you must plan ahead!
Option 1. The easiest way to make the information accessible is to literally identify and list the data figures and percentages on the chart or graph. This is best accomplished by copying the data directly from the software used to create the chart object, typically Microsoft Excel.
Figure 1: Percent of Students with Disabilities from years 1991 to 2005
Option 2. Another approach is to summarize the most essential relationship being identified by the data presented in the chart
Figure 1 highlights the changes in the overall count and percent of students found eligible for special education in the last fifteen years. Note that over the past three years, the percent of special education students ranges from 15.0% to 15.9% of the overall student enrollment.
Option 3. Alternately, you could include the data in a table placed in proximity to the chart. The alt text for the chart need only refer to the table.
Figure 1: Percent of Students with Disabilities from years 1991 to 2005. Refer to Table 1 for these data.
Diagrams often contain more abstract content than charts and graphs. More is not necessarily better when it comes to describing a diagram. Limit the alt text to what the user absolutely needs to know to understand the concept, process or object being communicated.
Diagram: Strands of Early Literacy Development shows that language comprehension (background knowledge, vocabulary, language structures, verbal reasoning and literacy knowledge) when linked with word recognition (phonological awareness, decoding and sight recognition) will increase a child's skilled reading abilities with fluent execution.
Last Updated: June 29, 2020
Massachusetts Department of Elementary and Secondary Education
75 Pleasant Street, Malden, MA 02148-4906
Voice: (781) 338-3000
TTY: (800) 439-2370
Disclaimer: A reference in this website to any specific commercial products, processes, or services, or the use of any trade, firm, or corporation name is for the information and convenience of the public and does not constitute endorsement or recommendation by the Massachusetts Department of Elementary and Secondary Education.