Accessibility

Make your websites more accessible to all users and scenarios.

Go To Section

Accessibility Monitoring

University Web Services uses Silktide, a web governance platform, to find and fix accessibility, content, and user experience problems.

Contact webdeveloper@utdallas.edu to access Silktide with your NetID and monitor your websites.

Log into Silktide

Create “Skip” Links

Add skip links at the beginning of the <body> so users with assistive technology have the option to jump straight to major sections of a page. Including skip links to main navigation, main content and the footer are a best practice.

HTML example:

<body>
  <a href="#nav" class="sr-only">Skip to navigation</a>
  <a href="#main-content" class="sr-only">Skip to main content</a>
  <a href="#footer" class="sr-only">Skip to footer</a>
  ...
  <nav id="nav">
    ...
  <main id="main-content">
    <h1>Heading</h1>
    <p>This is the first paragraph.</p>
    ...
  <footer id="footer">
    ...

Accessible Focus Indicators

Customize a:focus to make linked elements stand out more as viewers tab through your page content.

CSS example:

a:focus {
  outline: 6px solid #e87500;
  outline-offset: 3px; }

By default, styling a:focus also affects linked elements when mouse-clicked. Include outline.js n your HTML documents if you want to disable this effect:

<script src="https://websvcs.utdallas.edu/templates/portal/js/outline.js"></script>

Web Accessibility Resources