Skip to content

Editor support for screen readers #1012

@Neurrone

Description

@Neurrone

This issue pertains to the following package(s):

  • GraphQL Playground - Electron App
  • GraphQL Playground HTML
  • GraphQL Playground
  • GraphQL Playground Express Middleware
  • GraphQL Playground Hapi Middleware
  • GraphQL Playground Koa Middleware
  • GraphQL Playground Lambda Middleware

What OS and OS version are you experiencing the issue(s) on?

Windows 10 1809, Firefox

What version of graphql-playground(-electron/-middleware) are you experiencing the issue(s) on?

All / latest

What is the expected behavior?

The editor can be used with a screen reader

What is the actual behavior?

Due to how CodeMirror represents text in the DOM,, this is inaccessible for screen readers.

What steps may we take to reproduce the behavior?

  1. Go to the demo page
  2. With a screen reader such as NVDA running, move the cursor in the editor. Instead of announcing the contents of the current line, "blank" is heard instead.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions