Penn State Homepage

Teaching and Learning with Technology

Creating Accessible Web Sites

Equations and Formulas

This Page

  1. Synopsis
  2. Equations as Text
  3. Using an Image
  4. Links on Math and Accessibility

Synopsis

  1. Provide a label for each formula or equation, either within the text or via an ALT tag for an image.

  2. If the content of the equation is critical to the course, then provide a link to an extended text description in which all symbols are written out (e.g. "alpha equals..."). Screen readers may not be able to access all the entity codes or new schemas such as MathML (Math M.L.).

  3. PDF files or Word Files can be beneficial, but make sure the content is accessible to screen readers.

Top of Page

Equations as Text

As mentioned in the recommendations for Images, complex images may require a link to a longer text description depending on how critical it is to the content. Here is a line chart for tracking preferred computer platform over time.

Inaccessible Snell's Equations

In HTML (Extended Text Description Below)

ni sinθi = nr sinθrN sub I times sine theta sub I = N sub R times sine theta sub R

View the Code

n <sub>i</sub> sin <font face="Symbol">q</font>i = n <sub>r </sub> sin&theta; <sub>r</sub>

This code includes the SUB subscript tag, changes the font to "Symbol" for one theta and uses the &theta; entity code (better) for the other instance.

What the Screen Reader Says

Knee sinqui equals ennar sin question-mark R.

The "question-mark" indicates the screen reader was not able to decipher the &theta; entity code.

 

Adding a Label and Text

Snell's Equation- ni sinθi = nr sinθrN sub I times sine theta sub I = N sub R times sine theta sub R

Extended Description - N sub I times sine theta sub I equals N sub R times sine theta sub R.

The label "Snell's Equation" gives a user of a screen reader an idea of the content is and an extended text description gives the full details. An extended description can be linked or incorporated into the text as needed.

 

Top of Page

Using an Image

Go to the example below for an accessible use of an image to represent a formula.

Accessible Use of Image for an Equation

Image of Quadratic Formula

Quadratic Formula

View Text Description

View the Code

<img src=quatratic.gif alt ="quadratic equation">

View the Description

X equals negative b, plus or minus the square root of B squared minus four times A times C all divided by two times A.

 

Top of Page

Links on Math and Accessibility

Top of Page

Site Menu: Home Page/Main Menu | Section 508 Guidelines | Quick Checklist | Details by Tag
| Links | I.T.S. Seminar Page | Sitemap


©1999-2006 Pennsylvania State University.

This Web page is hosted by (by Teaching and Learning with Technology, a unit of Information Technology Services. Please contact the Webmaster if you have any questions.

Last Update: Monday, 29-Aug-2005 16:47:47 EDT