Skip to content

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

@dpecos

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
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions