Skip to content

Add role="group" to transcript focusable#3765

Merged
compulim merged 1 commit intomicrosoft:masterfrom
compulim:fix-safari-transcript-navigation
Feb 25, 2021
Merged

Add role="group" to transcript focusable#3765
compulim merged 1 commit intomicrosoft:masterfrom
compulim:fix-safari-transcript-navigation

Conversation

@compulim
Copy link
Copy Markdown
Contributor

@compulim compulim commented Feb 25, 2021

Fixes #3764.

Changelog Entry

Fixed

  • Fixes #3764. Added role="group" to the focusable transcript to enable aria-activedescendant, by @compulim in PR #3765

Description

Add role="group" to transcript focusable element, to enable aria-activedescendant in macOS Safari + VoiceOver.

Design

According to WAI-ARIA, aria-activedescendant will only work with one of the following role:

  • application
  • composite with subclass of
    • grid
    • select
    • spinbutton
    • tablist
  • group
  • textbox
  • combobox
  • grid
  • listbox
  • menu
  • menubar
  • radiogroup
  • row
  • searchbox
  • select
  • spinbutton
  • tablist
  • toolbar
  • tree
  • treegrid

Specific Changes

  • Add role="group" to the focusable of <BasicTranscript>
  • I have added tests and executed them locally
  • I have updated CHANGELOG.md
  • I have updated documentation

Review Checklist

This section is for contributors to review your work.

  • Accessibility reviewed (tab order, content readability, alt text, color contrast)
  • Browser and platform compatibilities reviewed
  • CSS styles reviewed (minimal rules, no z-index)
  • Documents reviewed (docs, samples, live demo)
  • Internationalization reviewed (strings, unit formatting)
  • package.json and package-lock.json reviewed
  • Security reviewed (no data URIs, check for nonce leak)
  • Tests reviewed (coverage, legitimacy)

@compulim compulim merged commit 63bb97a into microsoft:master Feb 25, 2021
@compulim compulim deleted the fix-safari-transcript-navigation branch February 25, 2021 23:03
@compulim compulim mentioned this pull request Mar 2, 2021
52 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[macOS Safari + VoiceOver] Up/down arrow key while navigating transcript should narrate

2 participants