nhsuk-frontend icon indicating copy to clipboard operation
nhsuk-frontend copied to clipboard

Consider what to include by default as meta tags and icons

Open frankieroberto opened this issue 8 months ago • 1 comments

The current page template contains these by default in the page template:

  <link rel="shortcut icon" href="/nhsuk-frontend/assets/favicons/favicon.ico" type="image/x-icon">
  <link rel="apple-touch-icon" href="/nhsuk-frontend/assets/favicons/apple-touch-icon-180x180.png">
  <link rel="mask-icon" href="/nhsuk-frontend/assets/favicons/favicon.svg" color="#005eb8">
  <link rel="icon" sizes="192x192" href="/nhsuk-frontend/assets/favicons/favicon-192x192.png">
  <meta name="msapplication-TileImage" content="/nhsuk-frontend/assets/favicons/mediumtile-144x144.png">
  <meta name="msapplication-TileColor" content="#005eb8">
  <meta name="msapplication-square70x70logo" content="/nhsuk-frontend/assets/favicons/smalltile-70x70.png">
  <meta name="msapplication-square150x150logo" content="/nhsuk-frontend/assets/favicons/mediumtile-150x150.png">
  <meta name="msapplication-wide310x150logo" content="/nhsuk-frontend/assets/favicons/widetile-310x150.png">
  <meta name="msapplication-square310x310logo" content="/nhsuk-frontend/assets/favicons/largetile-310x310.png">

We should consider whether these are still the most appropriate icon sizes and meta tags to include, or if they should be any updates to them.

For example:

  • are the msapplication-* tags still needed?
  • should <meta name="theme-color"> be added?
  • should we have a Pinned tab icon using <link rel="mask-icon">?
  • are there any other sizes of icons needed?

frankieroberto avatar Mar 17 '25 12:03 frankieroberto

Helpful research from GOVUK team: https://github.com/alphagov/govuk-frontend/issues/4175#issuecomment-1709975127 (albeit a couple of years old)

frankieroberto avatar Mar 17 '25 13:03 frankieroberto

Fixed in #1508. Other meta data reviewed in #1509 and #1510.

paulrobertlloyd avatar Jul 31 '25 12:07 paulrobertlloyd