Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix/3004/icon in footer not clickable #3036

Merged
merged 15 commits into from
Mar 1, 2024

Conversation

balibirchlee
Copy link
Contributor

@balibirchlee balibirchlee commented Feb 5, 2024

What is the context of this PR?

As the custom poweredBy accepts HTML and the IDS website is using this to render a more complicated set up than a simple icon image - it has been agreed that IDS would instead add the links to their existing html. Any other implementation would result in a breaking change, requiring either IDS to simplify their existing footer (i.e. providing only an image) or us to scope an enhancement to the current footer modelled after IDS's current set up.

Whether ourselves or IDS feel that this enhancement should be made is up for discussion, but is beyond the scope of this ticket.

As such, the ticket has been adjusted to focus on providing links for the existing default ONS icons which are responsive to the language selection (i.e. the Welsh language version which renders the Welsh variant of the default icon has a link to the Welsh site, and vice versa for the English language version).

fixes #3004

How to review this PR

Run locally and head to the footer component, checking example footer cymraeg for the Welsh language version and example footer default for the English language version.

Checklist

This needs to be completed by the person raising the PR.

  • I have selected the correct Assignee
  • I have linked the correct Issue

Copy link

netlify bot commented Feb 5, 2024

Deploy Preview for ons-design-system-preview ready!

Name Link
🔨 Latest commit 7dbe11f
🔍 Latest deploy log https://app.netlify.com/sites/ons-design-system-preview/deploys/65e1e2737ceefc00094965b9
😎 Deploy Preview https://deploy-preview-3036--ons-design-system-preview.netlify.app/patterns/guide/example-guide-overview
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@balibirchlee balibirchlee added the Bug Something isn't working label Feb 5, 2024
Copy link
Contributor

@rmccar rmccar left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Along with these comments Ive noticed the link doesn't have a focus state and isn't reachable via the keyboard

src/components/footer/_macro.njk Outdated Show resolved Hide resolved
src/components/footer/_footer.scss Outdated Show resolved Hide resolved
@balibirchlee balibirchlee self-assigned this Feb 13, 2024
@rmccar
Copy link
Contributor

rmccar commented Feb 23, 2024

Have you pushed your latest changes? I cant see any extra commits since I last looked

@rmccar rmccar requested a review from SriHV March 1, 2024 12:33
@rmccar rmccar merged commit ea27623 into main Mar 1, 2024
9 checks passed
@rmccar rmccar deleted the fix/3004/icon-in-footer-not-clickable branch March 1, 2024 19:04
rmccar pushed a commit that referenced this pull request Mar 6, 2024
alessioventuriniAND added a commit that referenced this pull request Apr 4, 2024
…wcag 22 level aaa (#3119)

* ⬆️  Back To Top Link  ⬆️  (#2990)

* Page template for length

* Add macro

* Add component foundations

* Build stylesheet

* Add additional functionality

* Improved functionality

* Fix border and layout

* Fix resize behaviour

* Changes to CSS

* Add more tests

* Update VR Tests

* Change to full width

---------

Co-authored-by: Alessio Venturini <[email protected]>

* Description list not structured properly for screen readers (#3053)

* initial change

* update test

* update test

* update comment

* update comment

* Update placeholder text colour (#3062)

* Fix/3004/icon in footer not clickable (#3036)

* Fix checkbox appearance on safari (#3066)

* Adding the change in readme (#3067)

* updated youtube video to a more accessible one

* updated reference files

---------

Co-authored-by: Aditya Unnithan_ONS <[email protected]>
Co-authored-by: Precious Onyenaucheya <[email protected]>
Co-authored-by: rmccar <[email protected]>
Co-authored-by: Bali Birch-Lee_ONS <[email protected]>
Co-authored-by: SriHV <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Bug Something isn't working
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Bug]: Icon in the template footer are not clickable
4 participants