Website Accessibility Examples

Headings

Headings should be used in order from smallest to largest: H2 then H3, etc. You want to avoid skipping and using them out of order, for example, having an H4 before an H3.

Correct Example:

Heading 2

   Heading 3

      Heading 4

Heading 2

   Heading 3

Incorrect Example:

Heading 3

   Heading 4

Heading 2

   Heading 3

Body Content

Break larger groups of text into smaller, more readable chunks. Screen readers will read all text with an element, which can become confusing when the text is very long. The smaller chunks will also help visual readers digest the text more easily.

The work of the DCEC is dynamic and responsive to the needs and interests of its members and the College community. Each year, the DCEC sets an agenda consistent with the Framework to Foster Diversity at Penn State, the charges of Dean Kimberly Lawless and Assistant Dean Maria Schmidt, the committee's mission, perceived needs and opportunities in the College, and the commitments of individual committee members.

We annually establish working subcommittees to address specific initiatives that support our mission. The entire DCEC and each of its subcommittees meet monthly during the academic year.

The College of Education's Diversity and Community Enhancement Committee is proud to announce the launch of our Facebook page. We are hoping this page will become a place where members of the CoE community can engage in conversations and share information related to the DCEC's mission to support and enhance diversity and the ongoing development of a welcoming environment in which we can all thrive personally and professionally.

versus:

The work of the DCEC is dynamic and responsive to the needs and interests of its members and the College community. Each year, the DCEC sets an agenda consistent with the Framework to Foster Diversity at Penn State, the charges of Dean Kimberly Lawless and Assistant Dean Maria Schmidt, the committee's mission, perceived needs and opportunities in the College, and the commitments of individual committee members. We annually establish working subcommittees to address specific initiatives that support our mission. The entire DCEC and each of its subcommittees meet monthly during the academic year. The College of Education's Diversity and Community Enhancement Committee is proud to announce the launch of our Facebook page.  We are hoping this page will become a place where members of the CoE community can engage in conversations and share information related to the DCEC's mission to support and enhance diversity and the ongoing development of a welcoming environment in which we can all thrive personally and professionally.

Images

Make sure all images have alt text unless they are a "Decorative" image. A decorative image means that the image has no visual information that a screen reader would need to be aware of. Examples would be any type of purely visual images, such as borders, spacers, or dividers.

Alt text for images should describe the image for a user using a screen reader as clearly as possible. Some screen readers do have a character limit, usually 120 to 150 characters. In those cases, we have an Image and Caption component that can be used to add extra text to images, such as group photos.

Below is an example of the Image and Caption component: