ºÚÁϳԹÏÍø

Ìý

Detroit Mercy Logo

6 Essential Fixes

These six essential accessibility issues are easy fixes that content editors can implement immediately, regardless of HTML/CSS skill level.

Above all else: always use your product's accessibility checker.

1
Use proper heading structure

Properly structured headings are required on all web pages and electronic documents.

Proper heading structure

2
Write descriptive link text

When you’re creating links, make sure the link text is descriptive of the link’s purpose.

  •  ❌ Bad example: Click here to watch our commencement video
  •  ✅ Good example: Watch our commencement video

Help with buttons and links

3
Add descriptive alternative text on all images, and don’t use images with text inside an image

Screenreaders can’t read text that’s part of the image itself, so don’t add any images with text to your website (including flyers or other print media).

Help with image alt text

4
Don't use tables for layout purposes

Tables should be avoided where possible. If presenting legitimate tabular data, keep the table simple and for accessibility, include in the table's XHTML code:

  • top caption
  • summary
  • table headers

5
Add captions and audio descriptions to videos.

Upload any videos to YouTube and use the free automated closed-captioning feature to create captions. You must edit these captions to fix any errors.

Video Production and Captioning

6
Ensure Accessible Color Contrast

Contrast is the difference between text color and background color.

Appropriate color contrast and font sizes