Cumulative Layout Shift (CLS)

• https://defaced.dev/tools/layout-shift-gif-generator/
• https://nextjs.org/learn/seo/web-performance/cls

Tips

Always use a non-color indicator to style links within paragraphs, not only on hover. Always underline links within paragraphs.

a {
  text-decoration-skip-ink: none;
  text-decoration-line: underline;
  text-underline-offset: 0.25em;
}

a:hover {
  text-decoration-thickness: 3px;
}

Don't use ARIA when possible

Twitter tips from diego, a11y comprehender

tool

For Devs

• https://www.deque.com/axe/

For Users

• Talon: Powerful hands-free input

courses

• Digital Accessibility Foundations - Free Online Course

Links

• https://www.smashingmagazine.com/2020/08/accessibility-chrome-devtools/
• https://christianheilmann.com/2021/01/11/seven-ways-to-test-for-accessibility-of-your-web-site-with-browser-developer-tools/
• https://a11ymyths.com/
• https://www.a11yproject.com/
• Web Content Accessibility Guidelines (WCAG) 2.1
• Introduction to Web Accessibility
• Designing For Accessibility And Inclusion — Smashing Magazine
• How to Meet WCAG (Quickref Reference)
• Easy Checks – A First Review of Web Accessibility
• WAI-ARIA Overview
• WebAIM: WebAIM's WCAG 2 Checklist
• https://trac.wienfluss.net/wienfluss-intranet/wiki/infotransfer/accessibility/onboarding
• Understanding AccName: Part One