Social Icons Block - Add focus to social links #69131
Closed
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
What?
Currently the social icon links lack a visual indicator when the element is in focus.
Why?
This will provide a visual indicator to the social links when a user tabs through the page.
How?
Adds focus styles for the elements
Testing Instructions
1 - Open a post or page
2 - Add the social icons block and include links.
3 - Test on the front end by tabbing through the page, you should now see a 2px border on the social icons.
Testing Instructions for Keyboard
See above testing instructions, this is specific to keyboard users.
Side by Side of before and after:
![Screenshot 2025-02-10 at 5 59 37 PM](https://private-user-images.githubusercontent.com/6519039/411784944-4e54f63d-642b-4bd7-8c4b-169fd5e407bb.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk2MTM4NDIsIm5iZiI6MTczOTYxMzU0MiwicGF0aCI6Ii82NTE5MDM5LzQxMTc4NDk0NC00ZTU0ZjYzZC02NDJiLTRiZDctOGM0Yi0xNjlmZDVlNDA3YmIucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIxNSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMTVUMDk1OTAyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZTFjNmRlY2UxZGVlMTYyMDAxM2VmZGJhMTgwMDM3MTcwNzIwNWJlZDJlOWIyNDhkOWFhNGYxYTQ2ZjU3MjU4ZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.2jYjYgIIls7QuOm5q9LoAV99KPXpetpMplp3mh40mnk)