Drupal 7 end of life banner needs link

Created on 21 February 2025, about 1 month ago

Problem/Motivation

There is a banner appearing at the top of most (all?) pages on the Drupal website โ†’ :

Still on Drupal 7? Security support for Drupal 7 ended on 5 January 2025. Please visit our Drupal 7 End of Life resources page to review all of your options.

It would be good if "Drupal 7 End of Life resources" were a link so site visitors don't have to figure out where that is.

Steps to reproduce

1. Go to https://www.drupal.org/ โ†’
2. Try to click on "Drupal 7 End of Life resources"

Desired result: Go to the Drupal 7 End of Life resources page

Actual result: Nothing happens

Attempted workaround:

3. Click the Search icon in the upper right
4. Type "Drupal 7 End of Life resources" (without the quotes)
5. Press Enter

Desired result: A page titled "Drupal 7 End of Life resources" is the first result

Actual result: Several of the results refer to the Drupal 7 end of life but none appear to be the specific page mentioned in the banner.

Proposed resolution

Make "Drupal 7 End of Life resources" a link to the Drupal 7 End of Life resources page.

Remaining tasks

User interface changes

API changes

Data model changes

โœจ Feature request
Status

Active

Version

1.0

Component

Documentation

Created by

๐Ÿ‡บ๐Ÿ‡ธUnited States charles belov San Francisco, CA, US

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @charles belov
  • ๐Ÿ‡บ๐Ÿ‡ธUnited States charles belov San Francisco, CA, US
  • ๐Ÿ‡บ๐Ÿ‡ธUnited States drumm NY, US

    Iโ€™m unable to reproduce this, clicking โ€œDrupal 7 End of Life resources pageโ€ goes to https://www.drupal.org/about/drupal-7/d7eol/migration-resource-center/en... โ†’

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States charles belov San Francisco, CA, US

    Hmmm, I find the HTML strange. The DOM copy contains:

    <div class="region region-banner">
        <div id="block-drupalorg-announcements" class="block block-drupalorg">
    <div class="block-inner">
        
      <div class="content">
        <div class="announcement"><img class="photo" src="https://www.drupal.org/files/styles/grid-2-2x-square/public/announcements/drupal-evergreen-logo-280X280px%20%281%29_0.jpg?itok=PHpn6rCb" width="280" height="280" alt="Announcement icon" title="Announcement icon">Still on Drupal 7? Security support for Drupal 7 ended on 5 January 2025. Please visit our Drupal 7 End of Life resources page to review all of your options.</div>
    <div class="cta"><a href="https://www.drupal.org/about/drupal-7/d7eol/migration-resource-center/enterprise" class="global-announce-banner dc-singapore-registration">Migration Resource Center</a></div>  </div>
      </div>
    </div>
      </div>

    where I would expect something like:

    <div class="region region-banner">
        <div id="block-drupalorg-announcements" class="block block-drupalorg">
    <div class="block-inner">
        
      <div class="content">
        <div class="announcement"><img class="photo" src="https://www.drupal.org/files/styles/grid-2-2x-square/public/announcements/drupal-evergreen-logo-280X280px%20%281%29_0.jpg?itok=PHpn6rCb" width="280" height="280" alt="Announcement icon" title="Announcement icon">Still on Drupal 7? Security support for Drupal 7 ended on 5 January 2025. Please visit our <a href="https://www.drupal.org/about/drupal-7/d7eol/migration-resource-center/enterprise">Drupal 7 End of Life resources page</a> to review all of your options.</div>
     </div>
      </div>
    </div>
      </div>

    I am using Firefox on Mac with quite a few preferences overridden in both Settings and about:config. I went to Safari, Chrome, and a factory-settings Firefox to test, but I'm not getting the Drupal 7 end-of-life banner on those browsers - either getting a banner about DDEV or DrupalCon or getting redirected to new.drupal.org - so have no way to test if it's something about my Firefox installations.

    (Added after previewing my post)

    Oooooh! I see it. It's a usability issue for the link. I was examining the code and wondering why I wasn't seeing a link for "Migration Resource Center" on the banner.

    • The link to Migration Resource Center doesn't look like a link, it looks like page content, so I tuned it out because I was trying to use the link I expected
    • The words "Migration Resource Center" doesn't match the words "Drupal 7 End of Life resources page," so I didn't make the association that they were related
    • It would be much more obvious and easier to succeed at if "Migration Resource Center" were removed and "Drupal 7 End of Life resources page" in context was the link, or if the link to "Migration Resource Center" appeared as a button within the white area banner area rather than as a separate div with separate styling.

    So the page isn't broken, it was just too hard for me to use. (Fortunately, we're already on modern Drupal, so I didn't need the info; I was just trying to be helpful by reporting the issue.)

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States charles belov San Francisco, CA, US
  • ๐Ÿ‡บ๐Ÿ‡ธUnited States charles belov San Francisco, CA, US

    As a side note, it's odd that a banner about Drupal 7 end of life has a class dc-singapore-registration.

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States charles belov San Francisco, CA, US

    And after a meeting and then stepping away from the computer for a few minutes it hit me. "Hey, those banners for DDEV and DrupalCon probably had differently styled links below them, didn't they?" Went back, and yep, they do. So I had originally looked at three different banners which had action links and totally missed that they had links. Even the DDEV icon bleeding into the link div wasn't enough to get me to see that there was a link and not just promotional text.

    Please consider changing your banner design to make it visually clear that the banner text and link are related to each other and are not unrelated pieces of content. The link as currently styledf looks more related to the breadcrumb trail, which I tend to tune out unless I need it, than to the banner text.

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States charles belov San Francisco, CA, US
  • ๐Ÿ‡บ๐Ÿ‡ธUnited States charles belov San Francisco, CA, US
  • ๐Ÿ‡บ๐Ÿ‡ธUnited States charles belov San Francisco, CA, US
  • ๐Ÿ‡บ๐Ÿ‡ธUnited States charles belov San Francisco, CA, US
  • ๐Ÿ‡บ๐Ÿ‡ธUnited States charles belov San Francisco, CA, US
Production build 0.71.5 2024