Skip to content

Instantly share code, notes, and snippets.

@fabriciofmsilva
Last active July 17, 2019 17:55
Show Gist options
  • Save fabriciofmsilva/6c4a3cc0ab9b4934ba16f7a222575d77 to your computer and use it in GitHub Desktop.
Save fabriciofmsilva/6c4a3cc0ab9b4934ba16f7a222575d77 to your computer and use it in GitHub Desktop.
A11Y
<comp
  role="alert|log|status|progressbar|marquee|timer|region"
  aria-live="POLITENESS_SETTING = [off]|polite|assertive"
  aria-controls="IDLIST"
  aria-atomic="BOOLEAN = true|false"
  aria-relevant="LIST_OF_CHANGES"
  aria-labelledby="IDLIST"
  aria-describedby="IDLIST"
  aria-label="LABEL"
  aria-hidden="true|false"
></comp>
  • aria-live is used to set the priority with which screen reader should treat updates to live regions
  • aria-controls is used to associate a control with the regions that it controls
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment