Skip to content

Add table caption for empty top categories in logs category table#246041

Merged
jorgeoliveira117 merged 8 commits intoelastic:mainfrom
jorgeoliveira117:212406-observabilitylogs-categories-pageincorrectly-announced-table
Dec 15, 2025
Merged

Add table caption for empty top categories in logs category table#246041
jorgeoliveira117 merged 8 commits intoelastic:mainfrom
jorgeoliveira117:212406-observabilitylogs-categories-pageincorrectly-announced-table

Conversation

@jorgeoliveira117
Copy link
Contributor

@jorgeoliveira117 jorgeoliveira117 commented Dec 11, 2025

Closes #212406

Summary

While EUI doesn't have a default message for EuiBasicTable, we're updating the table caption in the Logs Category table to improve accessibility when there's no data.

Changes

  • Added a screen reader caption to the Logs Category Table when it's empty

Steps to Reproduce

  1. Open Observability
  2. On the left side navigation select "Other Tools"
  3. Click "Logs categories"
  4. Make the table empty by filtering for a dataset or timerange
  5. Focus the table by pressing T or using other keyboard navigation

Expected Results

The Screen Reader should announce that the table has no data when focusing it:

Screenshot 2025-12-11 171110
@jorgeoliveira117 jorgeoliveira117 marked this pull request as ready for review December 11, 2025 18:24
@jorgeoliveira117 jorgeoliveira117 requested a review from a team as a code owner December 11, 2025 18:24
@weltenwort weltenwort self-requested a review December 11, 2025 18:27
Copy link
Member

@weltenwort weltenwort left a comment

Choose a reason for hiding this comment

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

thanks for fixing this


const tableCaption =
topCategories.length === 0
? i18n.translate('xpack.infra.logs.logEntryCategories.noCategoriesMessage', {
Copy link
Member

Choose a reason for hiding this comment

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

Nit: Since the content specifically refers to the concept table, what do you think about helping the translators by calling this something like noCategoriesTableCaption?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Sounds good! I'll make that change

@jorgeoliveira117 jorgeoliveira117 added release_note:fix backport:skip This PR does not require backporting labels Dec 12, 2025
@elasticmachine
Copy link
Contributor

💛 Build succeeded, but was flaky

Failed CI Steps

Test Failures

  • [job] [logs] FTR Configs #85 / EPM Endpoints installs and uninstalls all assets installs all assets when installing a package for the first time should have created the correct saved object

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
infra 1.1MB 1.1MB +151.0B

History

@jorgeoliveira117 jorgeoliveira117 enabled auto-merge (squash) December 15, 2025 12:17
@jorgeoliveira117 jorgeoliveira117 merged commit fbdad4f into elastic:main Dec 15, 2025
13 checks passed
seanrathier pushed a commit to seanrathier/kibana that referenced this pull request Dec 15, 2025
…astic#246041)

Closes elastic#212406 

## Summary
While EUI doesn't have a default message for `EuiBasicTable`, we're
updating the table caption in the Logs Category table to improve
accessibility when there's no data.

### Changes

- Added a screen reader caption to the Logs Category Table when it's
empty

### Steps to Reproduce

1. Open Observability
2. On the left side navigation select "Other Tools"
3. Click "Logs categories" 
4. Make the table empty by filtering for a dataset or timerange
5. Focus the table by pressing T or using other keyboard navigation

### Expected Results

The Screen Reader should announce that the table has no data when
focusing it:

<img width="816" height="577" alt="Screenshot 2025-12-11 171110"
src="https://github.com/user-attachments/assets/854395d2-fd04-4adf-9165-c227f5a9adaa"
/>
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 release_note:fix v9.3.0 v9.4.0

4 participants