Skip to content

Spike: Revisit Timestamp accessibility #10265

Description

@thatblindgeye

Describe the enhancement or change
Per a discussion including @jgiardino and @jessiehuff there are some issues related to accessibility with our current Timestamp implementation:

  • There's no clear visual indication that the timestamp text can be interacted with when there's a tooltip

  • The tooltip content does not get announced by AT when triggered

Some ideas that have been brought up to help resolve this include:

  • Render screen reader text in the timestamp wrapper element of the UTC (or whatever other) time, and render the full timestamp info in the tooltip. Essentially treating the timestamp as truncated content when there's a tooltip. This would require rendering the UTC/additional time in a time element and passing it a valid datetime attribute (we're already handling this in a way if no dateTime prop is passed to Timestamp, so we could just expose a new "tooltipDateTime" prop or something if a user wants/needs to pass their own datetime attribute). See the following video for an example (note that VO is not announcing the tooltip content, it is announcing the visible text + screen reader text that is also wrapped in the main timestamp span wrapper).

    Timestamp.with.truncation.example.mov
  • Rendering an icon button next to the main timestamp visual text, and apply a popover (instead of a tooltip) to that button. This would require rendering a time element inside the popover as well if users can navigate into the popover.

For both points above, we already handle creating a datetime attribute internally if a consumer doesn't pass their own dateTime prop:

<time className={`${styles.timestamp}__text`} dateTime={dateTime || new Date(date).toISOString()}>

Which just creates a string of the UTC time already which should be valid.

Is this request originating from a Red Hat product team? If so, which ones and is there any sort of deadline for this enhancement?

Any other information?


Jira Issue: PF-83

Activity

  1. moved this from Needs triage to Backlog in PatternFly Issueson Apr 18, 2024
  2. added this to the Prioritized Backlog milestone on Apr 18, 2024
  3. kywalker-rh commented on Nov 19, 2024

    @kywalker-rh

    @thatblindgeye Is there something we can do from the RHOAI team to push this forward? Until we get this fixed we're using UTC time most places (we're a little inconsistent, but that's the recommendation) but personally I find that generally undesirable since its very hard for me to convert UTC time into my local time. It would be far better if it was just converted for me by default and there was an accessible way to see the UTC time if relevant.

  4. removed this from the Prioritized Backlog milestone on Nov 21, 2024
  5. github-actions commented on Jan 26, 2025

    @github-actions

    This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.

  6. github-actions commented on Apr 3, 2025

    @github-actions

    This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.

  7. 3 remaining items

  8. github-actions commented on Aug 5, 2025

    @github-actions

    This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.

  9. github-actions commented on Oct 7, 2025

    @github-actions

    This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.

  10. github-actions commented on Dec 25, 2025

    @github-actions

    This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.

  11. github-actions commented on Mar 13, 2026

    @github-actions

    This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.

  12. github-actions commented on Jul 8, 2026

    @github-actions

    This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions