📝 字数：working on

Accessibility

Estimated time to read: 1 minute

Concepts

• Tools :

  • WebAIM's Color Contrast Checker ==> Web Content Accessibility Guidelines (WCAG) standards

  • TPGi Colour Contrast Analyzer

• Best practices for hiding content:

  • display: none: removes it from the accessibility tree also

  • visibility: hidden: hides the content visually but keeps it in the document flow; but also removes content from the sccessibility tree

  • .sr-only: hidden visually but remain accessible to screen readers

  • hidden: It can be easily toggled with JavaScript.

评论