Skip to content

Enhancement: add ARIA live region for screen reader accessibility #6

Description

@dpecos

Description

Screen readers do not announce slide content changes when the user navigates between slides because the slide container has no ARIA live region. As a result, mdeck presentations are inaccessible to users who rely on assistive technology.

Expected behaviour

The slide container should have an aria-live attribute so screen readers automatically read out the content of the new slide whenever it changes.

Suggested implementation

Add aria-live="polite" (or assertive for more immediate announcement) to the slide <div> in src/mdeck/resources.ts:

<div class="remark-slides-area" aria-live="polite">
  ...
</div>

This has been tested in remark with macOS VoiceOver and confirmed to work as expected.


Ported from gnab/remark#654

Activity

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions