[Accessibility] Fixed focus no appearing on black buttons and label on input box in Image Gen page.

[Jaylyn-Barbee]

fixes #4229, #4218 and #4228

PR Type

Bugfix

Describe the current behavior?

1. For the padding input on the image gen page there was no accessible label
2. For some of our black buttons the focus ring wasn't showing when tabbed over
3. Incorrect aria roles defined

Describe the new behavior?

1. Input has a label
2. New visible focus ring.
3. Removed unnecessary definitions of role.

PR Checklist

• Test: run npm run test and ensure that all tests pass
• Target main branch (or an appropriate release branch if appropriate for a bug fix)
• Ensure that your contribution follows standard accessibility guidelines. Use tools like https://webhint.io/ to validate your changes.

Additional Information

[microsoft-github-policy-service]

Thanks Jaylyn-Barbee for opening a Pull Request! The reviewers will test the PR and highlight if there is any conflict or changes required. If the PR is approved we will proceed to merge the pull request 🙌