• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
UT Shield
College of Fine Arts Web instruction
  • Welcome
  • About Us
    • WordPress & Drupal
    • Websites & Content Owners
  • Getting Started
    • Learn Best Practices for Web
    • Vocabulary Terms
    • Do you need a website?
    • Ways to Get a Website
      • Website Options Comparison
      • Initiate a Project with the Web Team
      • Outsource or DIY
    • Know Your Audience
    • Navigation & Menu Items
  • Requirements
    • Americans with Disabilities Legal Obligations
      • Alternate Text
      • Use of Color & Contrast
      • Link Text & Appearance
        • Non-Visible Link Context
      • PDF Files
      • Software Plug-in Link
      • Captions, Audio Description & Transcripts
        • webVTT Caption File
        • Caption Using Amara
        • Writing Captions & Audio Description
        • Video & Remote Communications
      • Additional ADA Issues
        • Accessible Social Media
        • Video & Remote Communications
    • UT Web Accessibility Policy
    • UT Web Privacy Policy
    • Records Retention – Backups, Archives and Revisions
    • College of Fine Arts Brand
    • UT Brand Guidelines
    • Information Security Office Policies
  • Best Practices
    • College of Fine Arts Communications Written Style Guide
    • Using a Rich Text Editor
      • Using an External HTML Editor
    • Links & URLs
      • Link Text & Appearance
        • Non-Visible Link Context
      • Absolute vs. Relative Paths
      • HTTP vs HTTPS
      • Anchor Links
      • Changing URLs
      • Shorten a URL for Marketing
    • Images
      • JPG vs PNG
      • Image Editing and Troubleshooting
    • Web Forms & Surveys
      • Create a Link to Pre-Filter a Web Form Page
    • Standards & Structure
      • Hierarchical Headers
      • Computer File Names
      • URL address names
        • UT Short Links Service
      • HTML
        • Common HTML Errors
        • Multiple Rows with Floated Images
        • Responsive Word Wrapping
    • Artificial Intelligence
    • Test & Evaluate
    • Wikipedia
    • Social Media & Networking
      • Accessible Social Media
    • RSS & Feeds
    • UT Austin Web Publishing Guidelines
  • Site Performance
    • Page Load Time
      • Fonts
    • Respond to a Variety of Devices
      • Telephone Numbers on Smart Phones
    • Analytics & Visitor Data
      • Outreach Campaign Link Tracking
        • Campaign URL Builder
        • Campaign Link Tracking Worksheet
    • Page Not Found Traffic
    • Tips to Increase Traffic
    • Optimize for AI Chat and Search
  • Site Specific Instructions
    • Instructions for COFA sites on University Blog Services WordPress
    • Instructions for COFA Drupal Kit sites
    • Instructions for COFA sites on UT Drupal Kit Managed

Link Text & Appearance

Last Updated January 2025

Clicking links is the main interaction visitors have with websites. Clickable elements need to be obvious and visitors should not have to ponder their meaning. If you have any questions about how links are performing we highly recommend discussing it with the COFA Web team and conducting usability testing to ensure the content is working for your visitors.

Importance of Text

Clickable text on your page should be relevant to the context and clearly identify the target of the link. For images that are links, the alternate text is used.

Duplicate link text (clickable text on a page using the same words),  should never point to different URL Web addresses. In other words, the text that is clickable should be unique for each link. It is okay to link to the same page with different text. This can be helpful if visitors with different perceived goals need to go to the same page.

Extra BenefitGoogle and other search engines rank pages higher in search results that have contextual links.

Text Examples

Good:
Find out more about pandas.

Bad:
For more information on pandas, click here.
For more information on ducks, click here.

The links in the bad example give no context and a common content pattern is to include many buckets with “learn more”, “click here” or “next” links that all go to different places. Remember, that not all visitors to your web page are experiencing the content in the same order. Contextually relevant links are critical to accessibility. There are many devices for accessing the Web. Some of them allow the visitor to see or hear a list of the links on a page or use the keyboard to tab through the links. If you are struggling to give your links context you may be able to add non-visible link context.

Importance of Appearance

The way clickable elements are designed to display on the website must make them obvious.

By default, browsers, such as Chrome, identify interactive elements by making links underlined and bright blue, buttons square and slightly 3-D and when images are links they have a blue outline. When these elements are hovered over or otherwise focused on, they change to purple. However web developers and designers can manipulate the appearance with CSS styles. Designers have changed how the common signifiers for interactive elements look. For example, the links are less frequently blue, and links in menus on most websites do not display with underlines. It’s common for visitors to be confused by inconsistent or divergent design decisions.

The accessibility guidelines require that links be distinguishable and best practice is still to make all links in the body underlined and with sufficient color contrast from surrounding text.  All interactive elements must have a visual change on hover/focus. If your designs diverge from common conventions, you will need to carefully weigh the cost to benefits, adhere to the ADA guidelines and keep usability in mind.

  • Usability: The Nielsen Norman Group has done endless usability testing and has some design ideas for moving Beyond Blue Links: Making Clickable Elements Recognizable.
  • Accessibility: Appearance is especially important for visitors with low vision and color blindness Our designs must adhere to the legal ADA guidelines.

Automated tools are available for you to test your colors before going live. When you’re picking out colors to use on your website make sure that the contrast is high enough for most people. WebAIM has a color contrast checker and a link color contrast checker.

Learn More

Nielsen Norman Group can help you do better than “Learn More” links and reminds us in the article A Link is A Promise that, “Any broken promise, large or small, chips away at trust and credibility. The words in a link label make a strong suggestion about the page that is being linked to. The destination page should fulfill what the anchor text promises.” Get some advice on productive link text choices from the usability experts at UX Movements. Accessibility expert Jim Thatcher provides in-depth information about the barrier non-contextual links pose to users of assistive technology.   See the technical WCAG guideline success criterion.

Examples and techniques for efficiently identifying the purpose of of a link within the context of surrounding page content, and how to best write descriptive link text.

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 WordPress Instruction
College of Fine Arts Drupal 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


To view some links on this page you may need to download Acrobat Reader.

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

© The University of Texas at Austin 2025