Issue Summary

The keyboard support is missing for the "Profile picture for admin" interactive element

Steps to Reproduce

1. Navigate to the header and activate the "Create" link
2. Navigate to the mentioned interactive element
3. Observe that keyboard support is missing for the "Profile picture for admin" interactive element

Screenshot

Actual Results

Keyboard support is missing for the "Profile picture for admin" interactive element.
This made it difficult for keyboard-only and screen-reader users to access the functionality associated with interactive elements.

Expected Results

Ensure that all the page functionality is available for all users irrespective of the device being used.
Apply the following changes: *

• Mark up the mentioned interactive image using <button> element.
• Modify scripts to make the tooltip information available on hover as well as on focus. In addition along with mouse specific event handlers, use keyboard specific event handlers, such as "onfocus", "onblur"and so on to make the functionality accessible for keyboard-only users.

Workaround

Currently, there is no known workaround for this behaviour. 

Environment 

MacBook Pro (16-inch, 2019)
macOS 13.4.1 (c) (22F770820d)
Chrome - Version 115.0.5790.170 (Official Build) (x86_64)
Firefox- Version 114.0 (64-bit)
Safari- Version 16.5.2 (18615.2.9.11.10)
JAWS- Version 2023.2306.28
NVDA- Version 2022.2.2
Voiceover - Version Latest