-
Notifications
You must be signed in to change notification settings - Fork 8.3k
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
[TASK][Security Serverless]: Add semantic headings to Fleet Integration forms #181922
[TASK][Security Serverless]: Add semantic headings to Fleet Integration forms #181922
Conversation
<EuiTitle size="xs"> | ||
<h3 id={titleElementId}>{packageInput.title || packageInput.type}</h3> | ||
</EuiTitle> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I opted to switch this out for <EuiTitle/>
because I could pass a size prop and ensure the headings were the same size as other H3s on the page without custom CSS.
Buildkite test this |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Great change! 🚀
Pinging @elastic/fleet (Team:Fleet) |
💛 Build succeeded, but was flaky
Failed CI StepsTest Failures
Metrics [docs]Async chunks
History
To update your PR or re-run it, just comment with: cc @1Copenut |
I've run the Flaky Test Runner a couple of times on flaky FTR suites to make sure I hadn't introduced issues. Both runs passed with 0 issues, and failures were outside the changeset I created. Going to go ahead and merge this PR. |
Summary
refactored the Fleet "Add Integration" form to properly nest headings by level. This improves the experience for screen reader users and helps us improve our standing against WCAG SC 1.3.1 - Info and Relationships (Level A). Screenshot attached below.
Local refactor with nested heading levels
Related issues
Please see the related issue link below. This issue originated from an accessibility review of the Security Serverless project.
Checklist
Delete any items that are not applicable to this PR.
For maintainers