A11y workshop

a workshop around A11y (accessibility) best practices in web apps.

TL;DR

cd spikes/inline-diff-editor
just
just run
open http://localhost:5173/

NOTES

• Dequelabs Axe-core A11y engine for automated Web UI testing
  • https://github.com/dequelabs/axe-core
• axe DevTools chrome plugin
  • https://chromewebstore.google.com/detail/axe-devtools-web-accessib/lhdoppojpmngadmnindnejefpokejbdd
• using Voice Over on Mac
  • https://dequeuniversity.com/tips/learn-voiceover
  • ⌘ F5 (Command + F5)
• JAWS, Job Access With Speech, screen reader
  • https://www.freedomscientific.com/products/software/jaws/
  • download https://support.freedomscientific.com/Downloads/JAWS
  • "Using JAWS to Evaluate Web Accessibility"
    • https://webaim.org/articles/jaws/
• NVDA (Non-Visual Desktop Access)
  • https://www.nvaccess.org/about-nvda/
  • https://www.unimelb.edu.au/accessibility/tools/testing-web-pages-with-nvda
  • https://accessibility.huit.harvard.edu/nvda
  • https://www.afb.org/aw/spring2024/getting-started-nvda-web-accessibility
• using Windows narrator
  • To launch Narrator, press the Windows logo key ⊞ + CTRL + ENTER
  • https://support.microsoft.com/en-au/windows/chapter-1-introducing-narrator-7fe8fd72-541f-4536-7658-bfc37ddaf9c6
• Web Content Accessibility Guidelines (WCAG)
  • https://www.w3.org/WAI/standards-guidelines/wcag/
• Demos sites
  • https://dequeuniversity.com/demo
• resrouces
  • https://jessbudd.com/resources/making-single-page-apps-accessible/
  • 
  • 

Spikes

• inline diff editor to fix and submit A11y fixes found using Axe DevTools chrome plugin
  • fix error

    Uncaught Error: Cannot read properties of undefined (reading 'toUrl')
    
    TypeError: Cannot read properties of undefined (reading 'toUrl')