Web Content Accessibility Guidelines (WCAG 2.0)

• Techniques for WCAG 2.0: http://www.w3.org/TR/WCAG20-TECHS/
• WebAIM's WCAG 2.0 Checklist for HTML documents: http://webaim.org/standards/wcag/checklist
• Web Content Accessibility Guidelines (WCAG) 2.0 Specification: http://www.w3.org/TR/WCAG20
• How to Meet WCAG 2.0 (A customizable quick reference to Web Content Accessibility Guidelines 2.0 requirements (success criteria) and techniques): http://www.w3.org/WAI/WCAG20/quickref/
• Accessibility Guidelines: https://accessibility.voxmedia.com/
• The Accessibility Cheatsheet: https://bitsofco.de/the-accessibility-cheatsheet/

Accessible Rich Internet Applications (WAI-ARIA)

• WAI-ARIA 1.0 Primer: http://www.w3.org/TR/wai-aria-primer/
• WAI-ARIA Best Practices: http://www.w3.org/TR/2008/WD-wai-aria-practices-20080204/
• WAI-ARIA 1.0 Authoring Practices: http://www.w3.org/TR/wai-aria-practices/
• WAI-ARIA 1.0 Specification: http://www.w3.org/WAI/PF/aria/complete
• WAI-ARIA 1.0 User Agent Implementation Guide: http://www.w3.org/TR/wai-aria-implementation/
• WAI-ARIA Roles: http://www.w3.org/TR/wai-aria/roles
• WAI-ARIA Best Practices: http://esw.w3.org/PF/ARIA/BestPractices
• WAI-ARIA Techniques for WCAG 2.0: http://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/aria.html
• Code Talks: http://wiki.codetalks.org/wiki/index.php/Main_Page
• Carousels and ARIA Tabs: http://www.webaxe.org/carousels-and-aria-tabs/
• Tools & Code Examples for ARIA Development: http://www.webaxe.org/tools-code-examples-for-aria-development/
• Web Accessibility tutorial: http://itstiredinhere.com/accessibility/
• Using WAI-ARIA in HTML: http://rawgit.com/w3c/aria-in-html/master/index.html
• Accessibility: The Missing Ingredient: http://alistapart.com/article/accessibility-the-missing-ingredient
• ARIA design patterns: http://www.w3.org/WAI/PF/aria-practices/#aria_ex
• ARIA examples: http://heydonworks.com/practical_aria_examples/

Mobile Accessibility Best Practices

• Resources for Mobile Accessibility Guidelines: http://www.iheni.com/mobile-accessibility-guidelines/
• Mobile Web Best Practices 1.0: http://www.w3.org/TR/mobile-bp/
• Relationship between Mobile Web Best Practices (MWBP) and Web Content Accessibility Guidelines (WCAG): http://www.w3.org/TR/mwbp-wcag/
• BBC Mobile Accessibility Guidelines: http://www.bbc.co.uk/guidelines/futuremedia/accessibility/mobile_access.shtml

Accessibility Libraries/Helpers

• Keyboard accessibility: http://davidwalsh.name/keyboard-shortcuts
• Styled accessible form controls: https://scottaohara.github.io/a11y_styled_form_controls/

Accessibility Tools

• http://www.paciellogroup.com/resources/contrastAnalyser
• http://wave.webaim.org/
• http://www.colororacle.org/
• WebAIM's Color Contrast Checker: http://webaim.org/resources/contrastchecker/
• Snook's Colour Contrast Check: http://www.snook.ca/technical/colour_contrast/colour.html
• Check My Colours: http://www.checkmycolours.com/
• Accessibility Testing Tools: http://www.paciellogroup.com/blog/2010/09/accessibility-testing-tools-we-use/
• Accessibility Testing Tools – updated: http://www.paciellogroup.com/blog/2014/10/accessibility-testing-tools-updated/
• The Visual ARIA Bookmarklet: http://whatsock.com/training/matrices/visual-aria.htm
• ally.js: http://allyjs.io/
• Color Safe: http://colorsafe.co/
• Web Accessibility Evaluation Tools List (by W3C): https://www.w3.org/WAI/ER/tools/
• Funkify - disability simulator: http://www.funkify.org/

Accessibility communities

• A11y Slack: https://web-a11y.slack.com/
• A11ySlackers on Gitter: https://gitter.im/w3c/a11ySlackers

Accessibility coding exercises

• Teach Access Tutorial: https://teachaccess.github.io/tutorial/

Inclusive Design

• Inclusive Design Principles: http://inclusivedesignprinciples.org/
• Inclusive Components: https://inclusive-components.design/

HTML5 Resources (semantic markup mainly)

HTML5 Specification

• The HTML5 specification, Web Developer Edition: http://developers.whatwg.org/
• HTML Living Standard: http://www.whatwg.org/specs/web-apps/current-work/multipage/
• HTML5 differences from HTML4 (section listing the new HTML5 elements): http://dev.w3.org/html5/html4-differences/#new-elements
• W3C HTML5 Specification: http://dev.w3.org/html5/markup/spec.html

Other HTML5 Resources

• HTML5 Hub: http://html5hub.com/#i.186eh3y11z4d4q
• HTML5 Doctor: http://html5doctor.com/
• HTML5 Demos and Examples: http://html5demos.com/
• HTML5 Test: http://html5test.com/
• HTML5 Rocks: http://www.html5rocks.com/en/
• HTML5 Test Pages (Robert Nyman): http://robertnyman.com/html5/
• HTML5 Readiness: http://html5readiness.com/
• HTML5 Outliner: http://gsnedders.html5.org/outliner/
• HTML5 Outliner bookmarklet/extension (h5o): http://code.google.com/p/h5o/
• HTML5 Validator: http://html5.validator.nu/
• HTML5 form elements: http://nativeformelements.com/
• HTML5 sectioning elements, headings, and document outlines: http://www.456bereastreet.com/archive/201103/html5_sectioning_elements_headings_and_document_outlines/
• HTML5 document outline revisited: http://www.456bereastreet.com/archive/201104/html5_document_outline_revisited/
• Using HTML5 semantic elements today: http://www.nczonline.net/blog/2011/03/22/using-html5-semantic-elements-today/
• HTML5 Right Here, Right Now: http://tantek.com/presentations/2010/11/html5-now/
• hAtom 0.1 Microformat: http://microformats.org/wiki/hatom
• A collection of HTML head elements: https://github.com/joshbuchea/HEAD

HTML5 Audio & Video

• HTML5 Audio and Video: What you Must Know: http://net.tutsplus.com/tutorials/html-css-techniques/html5-audio-and-video-what-you-must-know/
• Video for Everybody: http://camendesign.com/code/video_for_everybody
• Code examples for the book "The Definitive Guide to HTML5 Video": http://www.html5videoguide.net/
• Demos of HTML5 Video and Audio Tag Accessibility: http://www.annodex.net/~silvia/itext/
• HTML5Video.org (HTML5 Video Library & Web Video Developer Community): http://www.html5video.org/
• Video.js (HTML5 video player): http://videojs.com/
• Everything you need to know about HTML5 video and audio: http://dev.opera.com/articles/view/everything-you-need-to-know-about-html5-video-and-audio/
• MediaElement.js (HTML5 video/audio player with Flash and Silverlight shims): http://mediaelementjs.com/
• Accessible HTML5 Media Players: http://www.webaxe.org/accessible-html5-media-players-and-more/
• Accessible media player resources and demos: http://www.iheni.com/accessible-media-player-resources/

CSS

Generic & Tools

• Normalize.css: http://necolas.github.io/normalize.css/
• Sass: http://sass-lang.com/
• Sass Toolkit: https://github.com/davidrapson/scss-toolkit
• Compass: http://compass-style.org/
• LESS: http://lesscss.org/
• Universal IE6 CSS: http://code.google.com/p/universal-ie6-css/
• Don't use IDs in CSS selectors?: http://oli.jp/2011/ids/
• CSS3 Patterns Gallery: http://lea.verou.me/css3patterns/
• Effeckt.css: Performant CSS transitions & animations: http://h5bp.github.io/Effeckt.css/dist/
• Absolute Centering in CSS: http://codepen.io/shshaw/full/gEiDt
• An Introduction to CSS3 Transitions: http://www.css3.info/preview/css3-transitions/
• Ceaser, CSS Easing Animation Tool: http://matthewlein.com/ceaser/
• cubic-bezier.com: http://cubic-bezier.com/
• Easing Functions Cheat Sheet: http://easings.net/
• CSS3 Transitions, Transforms, Animation, Filters and more!: http://css3.bradshawenterprises.com/
• All you need to know about CSS Transitions: http://blog.alexmaccaw.com/css-transitions
• CSS3 Animation Cheat Sheet: http://www.justinaguilar.com/animations/
• A visual guide to Sass & Compass Color Functions: http://jackiebalzer.com/color
• Introducing Scut, a new Sass utility library: http://css-tricks.com/introducing-scut-new-sass-utility-library/
• Colorpeek: http://colorpeek.com/
• Framer (prototyping tool): http://www.framerjs.com/
• CSS Gradients: http://css-tricks.com/css3-gradients/
• Two pretty-good techniques for styling tricky form elements: http://blog.cloudfour.com/styling-form-elements/
• Replacing Radio Buttons Without Replacing Radio Buttons: http://www.sitepoint.com/replacing-radio-buttons-without-replacing-radio-buttons/
• Animate.css: http://daneden.github.io/animate.css/
• Motion UI: http://zurb.com/playground/motion-ui
• Stylable: https://stylable.io/

Inline Critical CSS

• criticalCSS: https://github.com/filamentgroup/criticalcss
• Critical Path CSS Generator: https://github.com/pocketjoso/penthouse

CSS Architecture

• SMACSS: http://smacss.com/
• OOCSS: http://oocss.org/
• The media object saves hundreds of lines of code: http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
• The flag object: http://csswizardry.com/2013/05/the-flag-object/
• BEM: http://bem.info/
• MindBEMding – getting your head 'round BEM syntax: http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/
• CSS Architecture: http://engineering.appfolio.com/2012/11/16/css-architecture/
• Decoupling Your HTML, CSS, and JavaScript: http://philipwalton.com/articles/decoupling-html-css-and-javascript/
• About HTML semantics and front-end architecture: http://nicolasgallagher.com/about-html-semantics-front-end-architecture/
• "Mobile first" CSS and getting Sass to help with legacy IE: http://nicolasgallagher.com/mobile-first-css-sass-and-ie/
• Sass with legacy IE: http://jakearchibald.github.com/sass-ie/
• inuit.css (Sass-based, BEM, OOCSS framework): http://inuitcss.com/
• Taking Sass to the Next Level with SMURF and @extend : http://railslove.com/blog/2012/11/09/taking-sass-to-the-next-level-with-smurf-and-extend
• Modular CSS, an example: http://thesassway.com/advanced/modular-css-an-example
• Objects in Space: https://medium.com/objects-in-space/f6f404727
• How to Scale and Maintain Legacy CSS with Sass and SMACSS: http://webuild.envato.com/