Resources.md

https://trello.com/c/nSgl3vaI/437-a11y-resources <-- this might be a link to stye guides.

website accessibility and navigation internet search.

User accessible navigation internet search.

For accessible navigation Maria Lamardo shared this: https://www.w3.org/TR/wai-aria-practices/examples/landmarks/main.html

• ARIA (Accessible Rich Internet Applications) spec

  • MDN web docs on aria
  • ARIA 1.1 Spec
  • ARIA Authoring Practices 1.1
  • Intro to ARIA -- A11ycasts #13
  • Why do semantics matter? -- #A11ycasts 08

• Google Accessibility Products & Features

• youtube videos on NVDA

  • https://www.youtube.com/watch?v=Jao3s_CwdRU&t=166s)
  • https://www.youtube.com/watch?v=PrrljNEpMVg

• youtuber who covers this stuff

• another youtube video

• and another youtube video Making Accessible Web Apps Using HTML5 and ChromeVox YouTube video. Good info. But watched it already.

• Start Building Accessible Web Applications Today egghead course.

• Chrome extensions

  • https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm
  • https://chrome.google.com/webstore/detail/read-aloud-a-text-to-spee/hdhinadidafjejdhmfkjgnolgimiaplp?hl=en
  • https://chrome.google.com/webstore/detail/screen-reader-for-google/nddfhonnmhcldcbmhbdldfpkbfpgjoeh?hl=en
  • https://chrome.google.com/webstore/detail/simple-text-to-speech/ghlkijaiidmimbolhoipnelekfidnpoi?hl=en&_asi=1
  • https://play.google.com/store/apps/details?id=com.chromereadervoice&hl=en_US
  • Ones I am using (see: chrome://extensions/) and also found online here

• https://a11yproject.com/

• https://www.w3.org/ Particularly Web for All and Accessibility.

• https://www.google.com/accessibility/products-features/

• Regarding the

  tag inside the tag:

  Accessibility I like to put menus at the end of the source code rather than the start. I use CSS to send it to the top of a computer screen or leave it at the end for text-speech browsers and small screens. This avoids the need for skip-links.

https://blog.logrocket.com/a-guide-to-improving-web-accessibility-with-css/

From Vinny and Maria during the meeting to share our websites for review.

Hey Jamie! Sorry that I've been mia the last two days. Crazy couple of days but I'm back in the saddle. With that being said, here are the links for accessibility. https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-labelledby_attribute > https://developer.mozilla.org/en-US/docs/Learn/Accessibility/HTML > https://webaim.org/resources/contrastchecker/ > https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4

New tabs as of 20201106 - add these to the Resources section of the Accessibility directory of the LearningDirectory repo.

https://sites.google.com/a/chromium.org/dev/user-experience/assistive-technology-support https://www.google.com/accessibility/products-features/ https://sites.google.com/a/chromium.org/dev/developers/design-documents/accessibility which led to: chrome://accessibility/

https://www.youtube.com/playlist?list=PL5aqr5w5fRe7QWzXhqxrilIVduWEmLHM2

https://sites.google.com/a/chromium.org/dev/user-experience/keyboard-access

chrome tabbing focus through website https://help.apple.com/voiceover/mac/10.15/#/vo28017 https://developers.google.com/web/fundamentals/accessibility/focus/using-tabindex

https://www.codecademy.com/articles/how-to-setup-screen-reader

https://chrome.google.com/webstore/detail/chromevox-classic-extensi/kgejglhpjiefppelpmljglcjbhoiplfn

https://fsw.teamdynamix.com/TDClient/2031/Portal/KB/ArticleDet?ID=73921

https://www.youtube.com/watch?v=NyuuK7tB9fM&index=12&list=PL5aqr5w5fRe7QWzXhqxrilIVduWEmLHM2

https://webaim.org/techniques/keyboard/

https://chrome.google.com/webstore/detail/chromevox-classic-extensi/kgejglhpjiefppelpmljglcjbhoiplfn?hl=en

https://www.youtube.com/watch?v=LS9BljDHJe0