• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
UT Shield
College of Fine Arts WordPress Instruction
  • Home
  • Quick Start
  • Get Started
    • Log in
    • Dashboard Workspace
      • Dashboard Menu
      • Screen Options Tab
      • Other Tools and Areas of the Dashboard
    • Create & Edit Pages
      • Using the Editor
        • Text Editor
      • Page Editing Screen Details
      • Password Protecting Website Content
    • Delete a Page or Post
    • Blog & News Posts
      • Using the Editor
        • Text Editor
      • Post Editing Screen Details
      • Post Category as a Menu Item
    • Images, Multimedia & Attachments
      • Add Images
      • Thumbnail Image Gallery
      • Video & Audio
      • Add Media from External Services
      • Documents & Attachments
      • Floated Images
    • Navigation & Links
      • Non-Visible Link Context
      • URL Web Address
    • Social Media & Networks
  • Advanced
    • Menu Navigation
      • Post Category as a Menu Item
    • Hide Reveal Accordions
    • Page Layout Options & Custom Features
      • WordPress Themes
      • Custom Features
        • Tabular Data
        • Team or Category Grids
      • Header Images
    • Manage Editors & Contributors
    • Manage Comments
  • General Web Instruction

Non-Visible Link Context

Last Updated March 2026

On rare occasions you may need to add non-visible link context. This visually hides contextual text, while still making it readable by Google, adaptive screen readers, and other non-visual displays. You’ll add an accessible attribute called an aria-label. This type of label is the accessibility standard adopted by all browsers and is platform agnostic.

To add an aria-label to your link just follow these simple steps:

  1. Create a read more link with your contextual verbiage, as you normally would.
  2. Click the Options button Options Button with three vertical dots and select Edit as HTML to edit the Source code
  3. Follow the example below to add the aria-label and contextual text. It is important to use a complete sentence as your label (see example). This is necessary because screen reader technology will read the aria-label only, ignoring the Read More link text. 

Example:

<a href="https://sites.utexas.edu/cofadrupal/add-non-visible-link-context/" aria-label="Read more about adding accessible context to links">Read More <a/>

Important: Take care to add your aria-label after the closing quote for your link address. When you’re done, click Edit Visually to continue editing your page.

Learn More

Read more about techniques for using aria-labels for describing the purpose links.

Primary Sidebar

Open Office / Co-Working Sessions

Second Monday of the month:
11 a.m. – 12:30 p.m.

Fourth Thursday of the month:
2 p.m. – 3:30 p.m.

Email us for the Zoom link.

College of Fine Arts Web Instruction
Subscribe to our email list to receive periodic tips and resources for generating great digital content

Contact Us

The COFA Web team can be reached by emailing us at cofawebmaster@austin.utexas.edu

UT Home | Emergency Information | Site Policies | Web Accessibility | Web Privacy | Adobe Reader

© The University of Texas at Austin 2026