Skip to content

A11y - updating highlighting on surrounded documents UI#218066

Merged
l-suarez merged 16 commits intoelastic:mainfrom
l-suarez:a11y---Updating-highlighting-on-surrounded-documents-UI
Apr 24, 2025
Merged

A11y - updating highlighting on surrounded documents UI#218066
l-suarez merged 16 commits intoelastic:mainfrom
l-suarez:a11y---Updating-highlighting-on-surrounded-documents-UI

Conversation

@l-suarez
Copy link
Contributor

@l-suarez l-suarez commented Apr 14, 2025

Summary

Updating color tokens on anchored documents in Discover to comply with accessibility recommendations. We're also the using a yellow highlight (background-base-warning) and adjusted how the anchor document name appears at the top, using text-warning + bg-base-warning to clearly highlight the meaning of this yellow highlight.

Closes #213052

image

Checklist

Check the PR satisfies following conditions.

Reviewers should verify this PR satisfies this list as well.

  • Any text added follows EUI's writing guidelines, uses sentence case text and includes i18n support
  • Documentation was added for features that require explanation or tutorials
  • Unit or functional tests were updated or added to match the most common scenarios
  • If a plugin configuration key changed, check if it needs to be allowlisted in the cloud and added to the docker list
  • This was checked for breaking HTTP API changes, and any breaking changes have been approved by the breaking-change committee. The release_note:breaking label should be applied in these situations.
  • Flaky Test Runner was used on any tests changed
  • The PR description includes the appropriate Release Notes section, and the correct release_note:* label is applied per the guidelines

@l-suarez l-suarez self-assigned this Apr 14, 2025
@l-suarez l-suarez added Feature:Discover Discover Application Project:Accessibility Team:DataDiscovery Discover, search (data plugin and KQL), data views, saved searches. For ES|QL, use Team:ES|QL. t// platform-accessibility Use to identify Platform a11y issues. Do not remove when an area team is assigned. backport:skip This PR does not require backporting release_note:skip Skip the PR/issue when compiling release notes labels Apr 14, 2025
@l-suarez
Copy link
Contributor Author

/ci

@l-suarez
Copy link
Contributor Author

/ci

@l-suarez
Copy link
Contributor Author

/ci

@l-suarez
Copy link
Contributor Author

/ci

@l-suarez l-suarez marked this pull request as ready for review April 24, 2025 09:41
@l-suarez l-suarez requested review from a team as code owners April 24, 2025 09:41
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-accessibility (Project:Accessibility)

@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-data-discovery (Team:DataDiscovery)

Copy link
Contributor

@akowalska622 akowalska622 left a comment

Choose a reason for hiding this comment

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

LGTM, great work @l-suarez! 🥳

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id before after diff
discover 953.4KB 953.6KB +197.0B

History

cc @l-suarez

@l-suarez l-suarez merged commit abb99ad into elastic:main Apr 24, 2025
9 checks passed
akowalska622 added a commit to akowalska622/kibana that referenced this pull request May 29, 2025
## Summary

Updating color tokens on anchored documents in Discover to comply with
accessibility recommendations. We're also the using a yellow highlight
(background-base-warning) and adjusted how the anchor document name
appears at the top, using text-warning + bg-base-warning to clearly
highlight the meaning of this yellow highlight.

Closes elastic#213052 


![image](https://github.com/user-attachments/assets/aa71ab0f-3460-4b93-a89d-1aa92b982570)


### Checklist

Check the PR satisfies following conditions. 

Reviewers should verify this PR satisfies this list as well.

- [ ] Any text added follows [EUI's writing
guidelines](https://elastic.github.io/eui/#/guidelines/writing), uses
sentence case text and includes [i18n
support](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)
- [ ]
[Documentation](https://www.elastic.co/guide/en/kibana/master/development-documentation.html)
was added for features that require explanation or tutorials
- [ ] [Unit or functional
tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)
were updated or added to match the most common scenarios
- [ ] If a plugin configuration key changed, check if it needs to be
allowlisted in the cloud and added to the [docker
list](https://github.com/elastic/kibana/blob/main/src/dev/build/tasks/os_packages/docker_generator/resources/base/bin/kibana-docker)
- [ ] This was checked for breaking HTTP API changes, and any breaking
changes have been approved by the breaking-change committee. The
`release_note:breaking` label should be applied in these situations.
- [ ] [Flaky Test
Runner](https://ci-stats.kibana.dev/trigger_flaky_test_runner/1) was
used on any tests changed
- [ ] The PR description includes the appropriate Release Notes section,
and the correct `release_note:*` label is applied per the
[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
Co-authored-by: Ania Kowalska <63072419+akowalska622@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport:skip This PR does not require backporting Feature:Discover Discover Application platform-accessibility Use to identify Platform a11y issues. Do not remove when an area team is assigned. Project:Accessibility release_note:skip Skip the PR/issue when compiling release notes Team:DataDiscovery Discover, search (data plugin and KQL), data views, saved searches. For ES|QL, use Team:ES|QL. t// v9.1.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

(Accessibility) Improve highlight row differentiation table views

5 participants