GLOBAL Alert Overide

Vight condensed lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergr sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consedipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Skip to main content

Mercury Updates


Mercury Theme Updates

Continue checking this page or subscribe to receive emails for the latest updates made to the Mercury theme.

Latest code updates and fixes: 04/03/2026

  • Alt text was corrected where necessary to ensure images provide appropriate descriptions in Title Block
  • Removed alt attributes from anchor elements in Title Tool Block
  • Removed the type attribute from anchor elements and applied appropriate button attributes to support accessible interaction behavior
  • Replaced anchor elements used for tab interactions with an interactive element to improve assistive technology users experience in Tab Block
  • Card titles in Slider News are set to provide proper heading structure
  • Removed unnecessary aria-label so screen readers can read the card title instead of image description in Slider News
  • Improved security and accessibility for users opening external links in Slider News
  • Corrected link syntax in Slider News
  • Added descriptive alt text to all slider images in Slider News
  • Improved keyboard navigation behavior to ensure menu content can be reached when tabbing through the Section Navigation
  • Added alt attributes to images used for decorative purposes in Section Navigation
  • Added a minimum height to the parent container, news-body-wrapper, in Related Story to ensure the descriptive text remains visible at larger viewport sizes
  • Removed alt attributes to anchor elements for Related Story
  • Post Header/Article Header without image is now a standalone Heading 1 element
  • Converted the Post Footer Block/Article Byline structure to use a defined structured list that displays horizontally with separators
  • Replaced anchor elements used for the mobile search trigger with interactive elements in Main Navigation
  • Descriptive alt text is added to the images in Image Gallery for all images, including those displayed in the modal view, ensuring images convey appropriate information to screen reader users
  • Hero Split Banner’s line break code is updated to improve assistive technology user experience
  • Functional Category/Year Filter’s “Load More” button now loads additional results in increments of 10 items, maintaining a predictable interaction pattern for keyboard and assistive technology users
  • Implemented accessible filter behavior so users are informed when filters are applied in Functional Category/Year Filter
  • Updated the dropdown filters in Functional Category/Year Filter to announce their state and selected value when interacted with
  • Improved security and accessibility for all external links that open in a new tab in Cards – Right Rail
  • Target attribute is corrected for Cards – Right Rail to resolve syntax error
  • Visually hidden text is added to Cards – Right Rail links that open in a new tab so screen readers can announce the behavior
  • Removed unnecessary alt attributes and updated the associated image to provide alt text and a description
  • Title Tool Block has reduced motion for animated background elements by respecting prefers-reduced-motion
  • Added visually hidden “opens in new tab” text to applicable links for Title Tool Block
  • Removed unnecessary alt attributes from anchor elements and interactive elements in Featured Video and updated image alt text to provide a descriptive label
  • Removed the type attribute from anchor elements and applied appropriate button attributes to support accessible interaction behavior in Tab Block
  • Replaced anchor elements used for tab interactions with an interactive element to improve assistive technology users experience in Tab Block
  • Card titles in Slider News are set to provide proper heading structure
  • Removed unnecessary aria-label so screen readers can read the card title instead of image description in Slider News
  • Improved security and accessibility for users opening external links in Slider News
  • Corrected link syntax in Slider News
  • Added descriptive alt text to all slider images in Slider News
  • Evaluated Section Navigation’s dropdown structure for semantic improvement
  • Improved keyboard navigation behavior to ensure menu content can be reached when tabbing through the Section Navigation
  • Added alt attributes to images used for decorative purposes in Section Navigation
  • Added a minimum height to the parent container, news-body-wrapper, in Related Story to ensure the descriptive text remains visible at larger viewport sizes
  • Removed alt attributes to anchor elements for Related Story
  • Post Header/Article Header without image is now a standalone Heading 1 element
  • Converted the Post Footer Block/Article Byline structure to use a defined structured list that displays horizontally with separators
  • Replaced anchor elements used for the mobile search trigger with interactive elements in Main Navigation
  • Descriptive alt text is added to the images in Image Gallery for all images, including those displayed in the modal view, ensuring images convey appropriate information to screen reader users
  • Hero Split Banner’s line break code is updated to improve assistive technology user experience
  • Functional Category/Year Filter’s “Load More” button now loads additional results in increments of 10 items, maintaining a predictable interaction pattern for keyboard and assistive technology users
  • Implemented accessible filter behavior so users are informed when filters are applied in Functional Category/Year Filter
  • Updated the dropdown filters in Functional Category/Year Filter to announce their state and selected value when interacted with
  • Improved security and accessibility for all external links that open in a new tab in Cards – Right Rail
  • Target attribute is corrected for Cards – Right Rail to resolve syntax error
  • Visually hidden text is added to Cards – Right Rail links that open in a new tab so screen readers can announce the behavior
  • Links are optional for Cards –Text Only
  • Cards – Text Only can be a static component and linking is optional
  • Tab Block no longer left aligns as text wraps
  • Aria-label added for play and pause button SVG icons as well as aria-hidden=”true” to avoid duplicate screen reader announcements in Hero
  • Hero’s optional image is marked as decorative
  • Aria-label added for optional video “Hero background video”
  • Help label added for notifying users whether the button’s destination link will open in a new tab or not
  • Screen reader text added to help users navigate Hero Title, Hero Description, Button Text, and Button Destination input text fields
  • Aria-label is added for upload and remove background image/video buttons for Hero
  • Help label is added to the layout form options of Hero and Hero Split Banner so users can distinguish the difference
  • If user’s browser does not support HTML 5 video, an informational message will display
  • Featured Video, Featured Video Vimeo and Full-width Video Image’s optional image cover is marked as decorative, so it will not be read by screen readers
  • Featured Video, Featured Video Vimeo and Full-width Video Image button is defined and will not be read aloud by screen readers
  • Conditional logic is set for Featured Video, Featured Video Vimeo and Full-width Video Image to display “Play Video: [Title of video]:” or “Play Video: featured video” only if the value is available
  • Improved Featured Posts code so screen readers will only announce the text instead of the background image
  • Conditional logic is set for Content Carousel – Stack’s button to show only if there is a link and label value for it
  • Conditional logic is set for Content Carousel – Stack to make aria-label the title of the slide. “Carousel Slide” will show unless otherwise
  • Added role=”group” and aria-roledescription=”slide” to Content Carousel – Stack
  • Conditional logic is set for Content Carousel – Stack to show the image alt attribute value if it exists. “Slide image” will show unless otherwise
  • Alt attributes and values is added to Content Carousel – Stack images
  • Conditional logic is set in Content Carousel for showing the button if there is a link and label value for it
  • Conditional logic is set in Content Carousel to show the image’s alt attribute value as the slide’s arial-label if it exists. “Slide background” will show unless otherwise
  • Added alt attribute and value to images in Content Carousel
  • Added alt attributes and values to images in Card – Text + Image
  • Conditional logic is set to show the person’s name and title if the value exists in Blockquote
  • Aria-label is added for the quote in Blockquote
  • Aria-label is added to Announcement Showcase that informs users if the link opens in a new tab or not
  • Selected images in Visual Navigation are passed to attribute
  • Updated Tab Block to provide better accessibility support for screen reader users
  • Added appropriate role attributes to improve semantic meaning for assistive technologies in Tab Block Inner List
  • Alt value from selected image passed to aria label in Showcase Text + Image
  • Alt value from selected image passed to aria label in Post Header
  • Alt value from selected image can transfer to related story image post content
  • Alt text is added to Featured Cards background blue lines
  • Descriptive alt text is added to the images in Image Gallery for all images, including those displayed in the modal view, ensuring images convey appropriate information to screen reader users
  • Main navigation drop down items are aligned in Safari browser
  • Tab Block no longer left aligns as text wraps

Code updates and fixes: 09/10/2025

  • Resource navigation responsive issue resolved (text getting cut off)
  • Fixed padding for Section Navigation sub-items
  • Integrated ReciteMe
  • Main navigation logo centers on tablet
  • Featured Cards display alt tags
  • Showcase Text + Image component has the ability to more than one button
  • Adding multiple links to Announcement Showcase component
  • CTA for Slider – News component matches headline text
  • Added LinkedIn icon
  • Doctype declaration switched to lowercase
  • Featured Video Multiple allows Vimeo embeds
  • Fixed layout in Featured Video Multiple component
  • Featured Video component can be edited as HTML
  • Contact form checkboxes have a visible check on Firefox
  • Section Navigation shows parent pages for children pages
  • Modified layout of Featured Video component button
  • Accordion has the option to start in closed state
  • Fixed lines for Featured News cards
  • Split Hero content duplication issue resolved
  • Heading for posts is now editable
  • Search can be limited to same-site results
  • Resource navigation responsive issue resolved (text getting cut off)
  • Integrated ReciteMe
  • Fixed styling for post category dropdown

Code updates and fixes: 04/22/2025

  • Changed fonts from Gentona to IBM Plex Sans

No updates.

  • Changed fonts from Gentona to IBM Plex Sans

Code updates and fixes: 02/19/2025

  • Fix for audience navigation click functionality

No updates.

  • Fix for audience navigation click functionality
  • Add ability to include up to three buttons on Showcase Text + Image block
  • Enable single site search option

Code updates and fixes: 01/17/2025

  • Add LinkedIn social icon
  • Add LinkedIn social icon
  • Add LinkedIn social icon
  • Featured Video Multiple option to embed videos from Vimeo as well as YouTube
  • Improvements to the Featured Video Block

Code updates and fixes: 09/06/2024

  • Event Shell block supporting templated LiveWhale calendar widget
  • CSS updates for Tables
  • CSS updates for Ordered and Unordered Lists
  • Fix for section navigation to display in correct order
  • Implement Instagram Social Feed block
  • Fix for section navigation to display in correct order
  • Featured content header block, which uses Post categories and featured checkbox to highlight news
  • Event Shell block supporting templated LiveWhale calendar widget
  • CSS updates for Tables
  • CSS updates for Ordered and Unordered Lists
  • Option for first Accordion block to start closed
  • More use of get_template_directory/get_template_directory_uri instead of get_stylesheet_directory/get_stylesheet_uri to support child themes better
  • Option to have Section Nav open by default
  • Fix for section navigation to display in correct order
  • Remove radial boxes from form styling in Firefox (WordPress Gravity Forms plugin)
  • Implement Instagram Social Feed block
  • Add support for news/blog

Code updates and fixes: 03/04/2024

UFIT Web Services released the Figma Design Kit. This resource was developed to assist users in achieving a cohesive brand alignment through the utilization of the Mercury theme across various web platforms. The design kit, crafted to enhance the design process, serves as a visual guide for teams as they create and build their UF websites. Visit the Design Kit web page to learn more.

Code updates and fixes: 01/25/2024

  • Form styles for Gravity Forms
  • Make search bar not disappear when scrolling down the page
  • Hide alert if search bar open
  • Hide orange divider next to search icon when no utility nav dropdowns present
  • Form styles for Gravity Forms
  • Make search bar not disappear when scrolling down the page
  • Hide alert if search bar open
  • Hide orange divider next to search icon when no utility nav dropdowns present
  • A WordPress Multisite companion guide is now available
  • Form styles for Gravity Forms
  • Make search bar not disappear when scrolling down the page
  • Hide alert if search bar open
  • Hide orange divider next to search icon when no utility nav dropdowns present
  • Remove active state hover color on subpage navigation items
  • Ability to exclude Info For and Resources as menu items
  • Primary menu if no drop down alignment differs from items with drop down
  • Ability to update footer social icon links

Frequently Asked Questions

Terminalfour

UFIT will offer live Terminalfour training sessions for the UF community. Please continue to check the UFIT training calendar website to see scheduled training dates.

For additional information regarding the Mercury web templates, please visit the Brand Center.

WordPress

From October 2023 to March 2024, the Office of Strategic Communications and Marketing (SCM) facilitated live WordPress training sessions with Stamats, the vendor that SCM and UFIT partnered with to create the new Mercury web templates.

If you missed those trainings, you can access one of the recordings here.

SCM will post a recording of these training sessions to the Mercury theme page of the Brand Center.