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

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