Back to top

Updated Top Hat

The Top Hat, a key element of our website design, has been updated and implemented across all DX Platform sites. This decision was made by the Steering Committee to enhance accessibility for all users. Specifically, the phrase "Here is how you know" has been removed from the Top Hat, and instead, the text "Official State of Iowa website" will now serve as the clickable link. This change simplifies the design and ensures better usability, especially for visitors using screen readers or other assistive technologies.

The updated Top Hat is now live. Simply scroll up to view it in action at the top of this page.

top-hat-08-1-2024_original
Back to top

How to Implement the Updated Top Hat

Below are the instructions and files necessary to apply these changes to sites and applications outside of DX Platform.

The implementation process is straightforward, and the resources provided below can be used to apply the changes.

  1. Download the Updated Files
    You can find all the necessary updated files linked below:
  2. Unzip the HTML & CSS Files
    After downloading the zip file, unzip it into your site's directory. This file contains the updated HTML and CSS code for the Top Hat, including the new link structure.
  3. Follow the Instructions in the TXT File
    The instructions in the TXT file provide steps and the necessary style code for applying the updates to your site.
  4. Test the Updated Top Hat
    Once the update is implemented, be sure to test the Top Hat to ensure that it is responsive and functions as expected.

If you encounter any issues during implementation or need further assistance, please don't hesitate to reach out. We are here to help ensure that your site is up-to-date with the latest features and improvements.

Back to top