Skip to main content
  • DIRECTORY
  • MAPS
  • MYUTRGV
  • NEWS
  • GIVE
UTRGV home UTRGV 10th Anniversary home
The University of Texas
Rio Grande Valley
  • DIRECTORY
  • MAPS
  • MYUTRGV
  • News
  • GIVE
Open Search Menu
Menu
UTRGV 10th Anniversary Logo

Brand Guidelines and Style Guide
University Marketing and Communications
Menu
  • Home
    • UTRGV Identity : Overview
      • About UTRGV: Overview
      • Official University Names
      • Campuses and Sites
      • Official Taglines
      • University Seal
      • University Addresses
    • Color Palette
    • Editorial Guidelines: Overview
    • Academic Departments and Units
    • Ampersand (&) Usage
    • Official Fonts
    • Accessibility : Overview
    • The Power of Orange
    • Typography
      • Print vs Digital Standards: Overview
      • The DIGITAL Rule
      • HTML Over PDF
      • Visual Clarity and "Images of Text" rules
      • Maximum word count limits for digital layouts
      • Alt-Text, Links and QR Codes: Overview
      • Navigating Content Safely
      • Alt-Text (Alternative Text)
      • QR Code & Short Link Policy
      • The "Decorative" Rule
    • Logos Guidelines : Overview
    • Primary Academic Logos
    • Secondary Logos
    • Logo Formats for Units Collaborating on an Event
    • Student Organization Logos
    • Logo Proportions and Clear Space
    • Media, Partnerships and Procurement : Overview
    • Grants
    • Vendor Process
    • Promo Items Approval Process
    • UMC Review Process
    • Print and File Standards : Overview
    • Promotional Items
    • Promo Items Specs
    • Stationery: Letterhead & Envelope
    • Digital Assets : Overview
    • Email Signatures
    • Academic Eblast
    • Social Media
    • Ceremonial Branding: Overview
    • Gonfalon Usage Restrictions
    • Commencement Stole Templates
  • Victory Vaquero
    • Social Media : Overview
    • Social Media Guidelines
    • Social Media Resources
    • Accessibility in Social Media
    • Web Presence : Overview
    • Website Standards
    • UTRGV Website Templates
    • Dynamic Features in Cascade
    • Unofficial Websites
  • Multimedia Photos & Videos
Menu
  • Home
    • UTRGV Identity : Overview
      • About UTRGV: Overview
      • Official University Names
      • Campuses and Sites
      • Official Taglines
      • University Seal
      • University Addresses
    • Color Palette
    • Editorial Guidelines: Overview
    • Academic Departments and Units
    • Ampersand (&) Usage
    • Official Fonts
    • Accessibility : Overview
    • The Power of Orange
    • Typography
      • Print vs Digital Standards: Overview
      • The DIGITAL Rule
      • HTML Over PDF
      • Visual Clarity and "Images of Text" rules
      • Maximum word count limits for digital layouts
      • Alt-Text, Links and QR Codes: Overview
      • Navigating Content Safely
      • Alt-Text (Alternative Text)
      • QR Code & Short Link Policy
      • The "Decorative" Rule
    • Logos Guidelines : Overview
    • Primary Academic Logos
    • Secondary Logos
    • Logo Formats for Units Collaborating on an Event
    • Student Organization Logos
    • Logo Proportions and Clear Space
    • Media, Partnerships and Procurement : Overview
    • Grants
    • Vendor Process
    • Promo Items Approval Process
    • UMC Review Process
    • Print and File Standards : Overview
    • Promotional Items
    • Promo Items Specs
    • Stationery: Letterhead & Envelope
    • Digital Assets : Overview
    • Email Signatures
    • Academic Eblast
    • Social Media
    • Ceremonial Branding: Overview
    • Gonfalon Usage Restrictions
    • Commencement Stole Templates
  • Victory Vaquero
    • Social Media : Overview
    • Social Media Guidelines
    • Social Media Resources
    • Accessibility in Social Media
    • Web Presence : Overview
    • Website Standards
    • UTRGV Website Templates
    • Dynamic Features in Cascade
    • Unofficial Websites
  • Multimedia Photos & Videos
  1. Home
  2. Accessibility and Compliance
  3. Alt-Text, Links and QR Codes

Alt-Text, Links and QR Codes

Digital accessibility relies on providing multiple ways for users to interact with our content. Whether a student is using a screen reader or simply has a slow internet connection that won’t load images, our digital materials must remain functional.

Navigating Content Safely

To keep our digital presence user-friendly and compliant, follow these three essential rules for links and media:

Descriptive Links: Accessible links require descriptive text that makes sense out of context. Avoid using "Click Here" or "Read More." Your links must clearly describe the destination, such as "Download Annual Report" or "Register for the Workshop."

Specify if a link opens a file, such as "View Budget (PDF)." Never use a URL as link text; instead of "visit https://www.levelaccess.com/," use "visit our website."

Alt-Text (Alternative Text)

Every image uploaded to the web or social media must include a brief text description. Best practice is to keep descriptions (aka ALT text) under 125 characters. This ensures compatibility with most screen readers, which may cut off or handle longer text less efficiently. (e.g., "UTRGV student studying in the Edinburg campus library").

QR Code & Short Link Policy

  • QR codes must always be accompanied by high-contrast visual elements, alternative text, and a manual text alternative (URL, or a description of where it leads) adjacent to the code.
  • A minimum contrast ratio of 4.5:1 between the QR code and its background is needed; darker colors on a white background are best. For printed materials, always print the text URL near the QR code so users can type it if they cannot scan it.
Example of a flyer with a Q R code.

The "Decorative" Rule

Images can be divided into two types: descriptive and decorative images. Please follow the guidelines below for each image type.

Informational Photos: If the photo adds meaning (a person speaking, an award ceremony), provide a clear description.

Decorative Elements: If the image is purely for style (a border, a flourish, or a generic background texture), mark it as "decorative" in your software settings. This tells the screen reader to skip it, keeping the user focused on the important content.

Example of an image with no alternative text needed.
Second example of an image with no alternative text needed.
Third example of an image with no alternative text needed.

Pro-Tip: Handling Text in Images

If an image contains text (like an event date, a deadline, or a headline), that specific information must be included in the Alt-Text. A screen reader cannot "read" text that is flattened into a photo. If the text is long, consider repeating the information in the body copy of the post or page instead.

UTRGV Trademark logo
  • CARES, CRRSAA and ARP Reporting
  • Site Policies
  • Required Links
  • Accreditation Statement
  • Fraud Reporting
  • Senate Bill 18
  • Clery Act Reports
  • Web Accessibility
  • Mental Health Resources
  • Sexual Misconduct Policy
  • Reporting Sexual Misconduct
  • Contact UTRGV
  • 1-844-ATUTRGV
  • Facebook
  • X Twitter
  • Instagram
  • LinkedIn
  • Academics
  • Admissions
  • Cost and Financial Aid
  • Student Life
  • Search Programs
  • First-Year Students
  • Transfer
  • International Students
  • Graduate Students
  • Current Students
  • Faculty Resources
  • Staff Resources
  • UTRGV Careers
  • Visit Campus
  • Directory
The University of Texas Rio Grande Valley