Skip to content

Instantly share code, notes, and snippets.

@jscholes
Created September 19, 2023 15:16
Show Gist options
  • Save jscholes/bcecd80563791864c8bcc262bdbb668b to your computer and use it in GitHub Desktop.
Save jscholes/bcecd80563791864c8bcc262bdbb668b to your computer and use it in GitHub Desktop.
Quick Notion Accessibility Observations

Quick Notion Accessibility Observations

Sign up

  • Focus automatically moves to the "Work email" input, skipping "Continue with Google" and "Continue with Apple".
  • The input has an accessible name of "Enter your email address...", overriding the visible label of "Work email".
  • The button to clear the email input has no accessible name.

Welcome to Notion

  • The "What should we call you?" field only has a placeholder, no actual label.
  • The button to toggle password visibility has no accessible name (particularly confusing given that the last time I encountered an unnamed button next to a field, it was to clear it).
  • The "I agree to Notion sending marketing ..." checkbox has no accessible name.

How are you planning to use Notion?

  • The group name, "How are you planning to use Notion?", is not associated with its controls in any way, nor is the description, "We’ll streamline your setup experience accordingly.".
  • Each of the "For my team", "For personal use", and "For school" buttons has a main landmark inside of it.
  • The descriptive text for each option, e.g. "Collaborate on your docs, projects, and wikis." for "For my team", is part of the button's label instead of its accessible description.
  • The buttons are mutually exclusive, but this fact isn't accessibly communicated to screen reader users, nor is the selected option after activating one of the buttons.

Document Editor

  • With NVDA and Chrome, the cursor cannot be moved as expected within a Notion editable area, nor can any of the content be read correctly. I stopped here, given that this is clearly a lost cause at present.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment