Web Pages

This page covers accessibility requirements for web content managers and web ambassadors who publish or maintain pages on louisiana.edu. It focuses on content-level responsibilities. Platform-level issues are handled by Web Development & IT.

Logical Reading Order

when web pages don鈥檛 follow a logical reading order for people who rely on keyboard navigation and screen readers.

Heading Structure

Screen reader users navigate pages by heading structure. Without correct headings, a page is inaccessible to anyone using a screen reader to browse. Never use bold text, font size, or color to simulate a heading.

  • Use one H1 per page 鈥� the page title. In our CMS this is set in the page title field, not the body.
  • Use H2 for major sections, H3 for subsections within those sections
  • Never skip heading levels 鈥� do not go from H2 to H4, do not start with an H3
  • Use the heading styles in the CMS editor toolbar 鈥� do not manually bold and enlarge text

so everyone can navigate your content with ease.

Images & Alt Text

Every image on a web page must either have a meaningful description or be explicitly marked as decorative. A missing alt attribute is a WCAG 1.1.1 failure.

  • Informational images: write alt text that describes what the image shows and why it is relevant
  • Decorative images: set alt="" (empty) so screen readers skip it entirely
  • Images of text: avoid these. If necessary, the alt text must reproduce the text in the image
  • Complex images (charts, graphs, infographics): provide a full text description nearby or in a caption
  • Do not start alt text with 鈥業mage of鈥� or 鈥楶hoto of鈥� 鈥� screen readers announce the image type automatically

Link Text

Screen reader users often navigate by hearing a list of all links on the page, stripped of surrounding context. Every link must make sense on its own.

  • Correct: 鈥楻eview the Web Accessibility Policy鈥�, 鈥楢pply for Admissions鈥�, 鈥楧ownload the 2025鈥�26 Academic Calendar鈥�
  • Incorrect: 鈥楥lick here鈥�, 鈥楻ead more鈥�, 鈥楲earn more鈥�, bare URLs (https://...)
  • When linking a document, include the file type: 鈥楢ccessibility Policy (PDF)鈥�
  • Avoid having multiple links with identical text going to different destinations

Tables

Use tables only for data with a genuine row-and-column relationship 鈥� never to control visual layout. Layout tables scramble reading order for screen reader users.

  • Mark the first row as a header row using the table editor 鈥� do not simply bold the text
  • Keep tables simple: avoid merged cells, nested tables, and empty cells
  • Add a caption or brief introductory sentence describing what the table shows
  • If a table requires merged cells or multiple header rows to make sense, consider restructuring the content as prose or a list instead

to ensure everyone can understand your data.

Additional Resources