This is your work, valued
Oh hi. I'm focused on Accessibility (a11y) and general UX development & design things.
accessible_components. Listing of accessible components & patterns
★ 695a11y_styled_form_controls. Various styled accessible form controls
★ 472accessibility_interview_questions. A starting point for questions to ask someone that wants you to give them a job
★ 395accessible_modal_window. Accessible modal dialogs
★ 264a11y_accordions. ES5 ARIA Accordion Component
★ 138Ground-Floor. Basic HTML Styling framework for starting up new, NeoCities websites.
★ 85a11y_tooltips. Accessible Tooltip Component
★ 63a11y_breadcrumbs. Accessible breadcrumb pattern
★ 51Brass-Tacks. Starting point for Sass projects. Really needs a good update though....
★ 44aria-switch-control. ARIA Switch control component
★ 43aria_disclosure_widget. Progressively enhanced hide/show content areas with vanilla JS & appropriate ARIA attributes
★ 37a11y_tab_widget. Accessible Tab Widget built with ARIA
★ 28landmarks_demo. A demonstration and informative document about landmark roles
★ 23a11y_switch_web_component. ARIA Switch control web component
★ 7aria_buttons. Make role="button" elements listen for Space & Enter Keypresses
★ 7tests. A place to share test files
★ 6css-focus-within-demos. Demos for :focus-within pseudo-class
★ 5accessible_hamburger. Archived - check out my disclosure widget pattern for a comparable script
★ 5aria_links. Fake links made with ARIA & Vanilla JavaScript
★ 3Numbler. jQuery plugin for accessible, styleable number input
★ 3Contrast-Finder. Contrast-Finder finds correct color contrasts (background / foreground) for web accessibility (a11y, WCAG, RGAA). https://app.contrast-finder.org
★ 3clear-text-field-button. HTML
★ 3html-aria. ARIA in HTML
★ 2aria. Accessible Rich Internet Applications (WAI-ARIA)
★ 2top-people-to-follow-in-web-accessibility. A list of the top people to follow in web accessibility and web standards.
★ 2HTML5accessibility. HTML5accessibility.com web site
★ 2inclusive-design-checklist. Aims to be the biggest checklist of inclusive design considerations ever
★ 2web.dev. The frontend, backend, and content source code for web.dev
★ 2hidden-labels. Test cases associated with making hidden labels accessible
★ 1html-w3c. Working Draft of the HTML specification
★ 1hamburgers. Tasty CSS-animated Hamburgers
★ 1FTS-gulp. Gulp Task runner and project starter
★ 1legislator-scorecard. JavaScript
★ 1angular-dynamic-forms. Configurable Reactive Forms in Angular with dynamic components
★ 1html. HTML Standard
★ 1keyboard-focus. A rudimentary way to detect users that navigate with the Tab key
★ 1testing-llm-code-a11y. HTML
★ 2WinUIExample. C#
★ 3Microsoft-UI-UIAutomation. Utility library for consuming Windows UIAutomation platform APIs
★ 121samsung-tv-control. 📺 Remote control your TV via JS!
★ 197tsiclient. A JavaScript client for Microsoft Azure Time Series Insights, featuring components for making calls directly to the TSI server, rendering results from the TSI API, and more
★ 82MSEdgeExplainers. Home for explainer documents originated by the Microsoft Edge team
★ 1.4kpopup. Alternative popup proposal
★ 5equal-access. IBM Equal Access Accessibility Checker contains tools to automate accessibility checking from a browser or in a continuous development/build environment
★ 766electron-react-template. A electron app template that uses React.js and has some other useful tools
★ 4WebKit. Home of the WebKit project, the browser engine used by Safari, Mail, App Store and many other applications on macOS, iOS and Linux.
★ 10kchromium. The official GitHub mirror of the Chromium source
★ 24kpyatom. Python Automated Testing on Mac
★ 395HyperlinkOpTimedOutDemo. Demo project of a Narrator issue in which a pop-up dialog is not announced.
★ 1openacr. OpenACR is a digital native Accessibility Conformance Report (ACR). The initial development is based on Section 508 requirements. The main goal is to be able to compare the accessibility claims of digital products and services. A structured, self-validated, machine-readable documentation will provide for this.
★ 126Diagnostic-CSS-files. CSS
★ 24resources. A non-exhaustive and in-progress list of people and resources in Accessibility and Data Visualization
★ 432Why-We-Exist.
★ 70page-visibility. Page Visibility
★ 35WAI-ARIA-Usage. Bookmarklet to evaluate WAI-ARIA usage
★ 69FontViewer. A macOS app for viewing your available fonts
★ 24sonder-ui. An accessibility-first library of tested web components to be used as reference implementations, pattern documentation, or just drop them directly into your project!
★ 91wai-wcag-quickref. How to Meet WCAG (Quick Reference)
★ 84spectrum-web-components. Spectrum Web Components
★ 1.5kBrowser-Default-Styles. Search against any element for standardized and default styles from all major rendering engines (WebKit, Blink, Gecko, Trident).
★ 111accessibility-insights-web. Accessibility Insights for Web
★ 909html-aam. HTML Accessibility API Mappings
★ 117jekyll-webmention_io. A Jekyll Plugin for rendering Webmentions via Webmention.io
★ 144focusHighlight. NVDA add-on which highlights the focused location.
★ 18javascript-questions. A long list of (advanced) JavaScript questions, and their explanations :sparkles:
★ 65khylia. Hylia is a lightweight Eleventy starter kit to help you to create your own blog or personal website.
★ 910IAccessible2. Accessibility services framework for Microsoft Windows environments
★ 39open-ui. Maintain an open standard for UI and promote its adherence and adoption.
★ 4.5ktr-design. CSS used by W3C specs (this repo is not about the w3.org/TR index page)
★ 71webappswg. Web Applications Working Group
★ 77std-switch. Explainer and demo for <std-switch>
★ 77hidden. Script to make inaccessible elements invisible to everyone, until their accessibility issues are fixed
★ 71barebones-a11y-skipper. A skip menu generation plugin inspired by the robust LinkedIn skip menu
★ 5test-results. Selected web-platform-tests results
★ 13act-rules.github.io. Accessibility conformance testing rules for HTML
★ 164aria-at. Assistive Technology ARIA Experience Assessment
★ 181tux. A baseline toolkit to ease the building of static HTML sites or integrating into templated CMS builds.
★ 34tatl. A tiny base component to guide you to a consistent Web Component authoring experience
★ 33wcag-act. WCAG Accessibility Conformance Testing (ACT)
★ 65frontend-bootcamp. Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux
★ 11kwai-cognitive. Ruby
★ 7barebones-react. JavaScript
★ 1a11yone. Data source for random #accessibility resource redirect https://a11y.one
★ 9lebab. Turn your ES5 code into readable ES6. Lebab does the opposite of what Babel does.
★ 5.6ka11y.reviews. Community reviews on the accessibility of tools and services.
★ 39angular-forms-next-level-a11y. Angular Forms Demo – Next-Level Accessibility
★ 2WebKit-http. Deprecated unofficial http mirror of the WebKit SVN repository
★ 5ksidecar-old. Cocktail recipes Progressive Web App
★ 10docz. ✍ It has never been so easy to document your things!
★ 24kanimate-css-grid. Painless transitions for CSS Grid
★ 1.4kaxe-crawler. Web crawler that runs axe-core accessibility tests on the urls it collects
★ 26NES.css. NES-style CSS Framework | ファミコン風CSSフレームワーク
★ 22kcore-aam. Core Accessibility API Mappings
★ 4833-js-concepts. 📜 33 JavaScript concepts every developer should know.
★ 66ka11ysupport.io. Accessibility Support data for various HTML, ARIA, CSS, and SVG features
★ 324bruck. A prototyping system built with web components and the Houdini Paint API
★ 516color-contrast. Contrast checking in vanilla js (and jQuery)
★ 4Articles. archive of stuff i have written over the years
★ 7CCAe. The Colour Contrast Analyser (CCA) helps you determine the legibility of text and the contrast of visual elements, such as graphical controls and visual indicators.
★ 525bin. A tiny (<1kb) localStorage and sessionStorage helper library.
★ 85html-aria. ARIA in HTML
★ 201nvda-community. NVDA wiki articles contributed by the community.
★ 30input-masking. Framework agnostic accessible input masking library
★ 482wai-tutorials. JavaScript
★ 306aria-states-properties. WAI ARIA states and properties, including when these properties were introduced
★ 3beerslider. A vanilla JS keyboard accessible plugin for any before-after comparison
★ 322validator. The Nu Html Checker (vnu)
★ 2kwcag. Web Content Accessibility Guidelines
★ 1.5kinteractive-examples. (Deprecated) Home of the MDN live code editor interactive examples
★ 743govuk-frontend. GOV.UK Frontend contains the code you need to start building a user interface for government platforms and services.
★ 1.4karia. Accessible Rich Internet Applications (WAI-ARIA)
★ 747silver. Accessibility Guidelines "Silver"
★ 200reef. A lightweight library for creating reactive, state-based components and UI.
★ 1.3kwhat-input. A global utility for tracking the current input method (mouse/pointer, keyboard or touch).
★ 1.4kawesome-talks. Awesome Talks Curated By the Community
★ 799slate. Slate is a toolkit for developing Shopify themes. It's designed to assist your workflow and speed up the process of developing, testing, and deploying themes.
★ 1.3kenter-view. Dependency-free JavaScript library to detect when element enters into view
★ 362using-aria. Using ARIA
★ 95wpt. Test suites for Web platform specs — including WHATWG, W3C, and others
★ 6kreact-aria-live. ARIA live message announcer for React apps
★ 205browser-laptop. [DEPRECATED] Please see https://github.com/brave/brave-browser for the current version of Brave
★ 7.9kAccessibility-Statement. A template & resources for creating good accessibility templates for your website & apps.
★ 40css-in-js-101. 💈 CSS-in-JS 101: All you need to know
★ 252colorblindsim. A progressive web app for simulating color blindness
★ 36epub-boilerplate. A simple template to help you create ePub-formatted books.
★ 173node-wot. Web of Things implementation on Node.js
★ 27tv-db. Search TV-Db for your favourite TV shows!
★ 11hyperapp. 1kB-ish JavaScript framework for building hypertext applications
★ 19k_s. Inactive project – please visit https://themeshaper.com/block-themes/ to learn more about the future of WordPress themes with Block Themes.
★ 11ktalkback. The open source incarnation of Android TalkBack
★ 510accessibility-fails. An HTML page with lots of accessibility errors to use as a test page to see which errors are picked up by automated tools
★ 333lightcrawler. Crawl a website and run it through Google lighthouse
★ 1.6kwebamp. Winamp 2 reimplemented for the browser
★ 11kstuff-i-use. Ruby
★ 31askJaws. Skill for JAWS screen reader Keyboard Shortcuts
★ 4accessibility-talks. Github repo for organizing speakers/resources for Accessibility Talks
★ 31aria-api. access ARIA information from JavaScript
★ 40cuttlebelle. The react static site generator that separates editing and code concerns
★ 554markdown-include. :page_with_curl: Include markdown files into other markdown files with C style syntax
★ 150buildawesome. A simpler site generator. Transforms a directory of templates (of varying types) into HTML.
★ 20kprofile-summary-for-github. Tool for visualizing GitHub profiles
★ 20k30-seconds-of-code. Coding articles to level up your development skills
★ 128ktestcases. Random acts of test cases
★ 1a11y-syntax-highlighting. 💄 Accessible light and dark syntax highlighting themes
★ 219inclusive-design-checklist. Aims to be the biggest checklist of inclusive design considerations ever
★ 2.8kwiki-generator. A node based static generator for wiki repositories
★ 28tv-db. Creating Accessible React Apps – Article Demo
★ 21accessibilityjs. Client side accessibility error scanner.
★ 2.2kgithub-issues-import. Python script to import issues from one repository into another, either one at a time or all of them at once.
★ 428react-static. ⚛️ 🚀 A progressive static site generator for React.
★ 10kelectron-react-boilerplate. A Foundation for Scalable Cross-Platform Apps
★ 24kxiao. A tiny, accessible, browser-driven single-page routing system.
★ 56modern-js-cheatsheet. Cheatsheet for the JavaScript knowledge you will frequently encounter in modern projects.
★ 26kguide. A collection of easy-to-understand guides to programming tools
★ 2.2kHTML5accessibility. HTML5accessibility.com web site
★ 374cupper. An inclusive pattern library builder.
★ 346jekyll-babel. A Babel converter for Jekyll.
★ 33render-markdown-javascript. Renders markdown files to HTML with highlighted code blocks BUT ALSO RENDERS THE JAVASCRIPT ONES.
★ 445AT-browser-tests. HTML tests for various uses, including HTML5accessibility.com and JAWS tests
★ 90reactpatterns. Patterns for React Developers
★ 1.7kdocument-templates. Free, open sourced, best practice document templates as used in Documize
★ 65cboard. Augmentative and Alternative Communication (AAC) system with text-to-speech for the browser
★ 740wcag21. Repository used during WCAG 2.1 development. New issues, Technique ideas, and comments should be filed at the WCAG repository at https://github.com/w3c/wcag.
★ 145media-player. A tiny, totally cross browser, accessible, fully customizable media player
★ 274dragon-drop. Accessible drag and drop list reorder module
★ 406on-demand-live-region. JavaScript
★ 129jekyll-liquid-plus. Super powered Liquid tags for smarter Jekyll templating.
★ 52vue-vscode-snippets. These snippets were built to supercharge my workflow in the most seamless manner possible.
★ 1.3kCCA-OSX. The Colour Contrast Analyser (CCA) helps you determine the legibility of text and the contrast of visual elements, such as graphical controls and visual indicators. The macOS version was developed by Cédric Trévisan based on the Windows version developed by Jun in collaboration with Steve Faulkner.
★ 176web-speech-ai. Simple AI Chat Bot Demo with Web Speech API
★ 422electron-webpack-dashboard. Electron Desktop GUI for Webpack Dashboard
★ 2.7kstarter-wordpress-plugin. A starter WordPress plugin
★ 3waybackpack. Download the entire Wayback Machine archive for a given URL.
★ 3.2kawesome-mobx. A collection of awesome things regarding MobX.
★ 2.2kguetzli. Perceptual JPEG encoder
★ 13klivingcss. Parse comments in your CSS to generate a living style guide using Markdown, Handlebars, Polymer, and Prism syntax highlighter.
★ 241beyond_babil. FF4 Ancient Cave Randomizer
★ 9amp-jekyll. Build Accelerated Mobile Page versions of your Jekyll posts
★ 280allcontributors.org. ✨ The all-contributors bot website and documentation. Recognize all contributors, not just the ones who push code ✨
★ 8.1kproject-starter. Starter files for a static project
★ 5a11y-contracting. Building Accessibility Best Practices into Contracting
★ 49threewords. JavaScript
★ 9myth. A CSS preprocessor that acts like a polyfill for future versions of the spec.
★ 4.3kBrass-Tacks. Starting point for Sass projects. Really needs a good update though....
★ 44jekyll-search. Basic jekyll setup with search via json
★ 101Contrast-Finder. Contrast-Finder finds correct color contrasts (background / foreground) for web accessibility (a11y, WCAG, RGAA). https://app.contrast-finder.org
★ 63pell. 📝 the simplest and smallest WYSIWYG text editor for web, with no dependencies
★ 12kproject-guidelines. A set of best practices for JavaScript projects
★ 29klearn-regex. Learn regex the easy way
★ 46keslint-plugin-jsx-a11y. Static AST checker for a11y rules on JSX elements.
★ 3.6klaunchy. Launchy: An Accessible Modal Window
★ 103HTMLHint. ⚙️ The static code analysis tool you need for your HTML
★ 3.3kpattern-library. Deque pattern library
★ 118ltfill. A speculative polyfill to use the lt element in HTML
★ 1color-blindness-emulation. SVG filter collection that emulate 8 types of color blindness
★ 114html. Deliverables of the HTML Working Group until October 2018
★ 2.1kwebpack-svg-icon-system. A loader and plugin for webpack that converts all your SVGs into symbols and merges them into a SVG sprite.
★ 10a11y-courses. Courses offered in web accessibility (and other learning opportunities)
★ 346getting-started-with-webpack-and-es6-modules-the-demo. Getting started with webpack and ES6 modules – the demo: https://svinkle.github.io/getting-started-with-webpack-and-es6-modules-the-demo/
★ 23pa11y. Pa11y is your automated accessibility testing pal
★ 4.5kshopify-theme-boilerplate. 🛍️ Shopify Theme Boilerplate
★ 5node-wpapi. An isomorphic JavaScript client for the WordPress REST API
★ 1.7kinteractive-wcag. A filterable and shareable version of the WCAG 2.0 spec.
★ 45focus-visible. Polyfill for `:focus-visible`
★ 1.6kbabel-handbook. :blue_book: A guided handbook on how to use Babel and how to create plugins for Babel.
★ 12kreact-boilerplate. 🔥 A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.
★ 29kQuake-III-Arena. Quake III Arena GPL Source Release
★ 8.1kreact-axe. [DEPRECATED] Accessibility auditing for React.js applications
★ 1.1kstyle-guide-guide. A boilerplate for creating your own custom style guide
★ 1.2kleasot. Parse and output TODOs and FIXMEs from comments in your files
★ 817ally.js. JavaScript library to help modern web applications with accessibility concerns
★ 1.6kreact-a11y. Identifies accessibility issues in your React.js elements
★ 2.4klandmarks. Allows you to navigate a web page via WAI-ARIA landmarks, using the keyboard or a pop-up menu
★ 131sublime-perfectionist. A powerful Sublime Text(2/3) plugin to beautify your CSS!
★ 55posthtml. PostHTML is a tool to transform HTML/XML with JS plugins
★ 3knvda. NVDA, the free and open source Screen Reader for Microsoft Windows
★ 2.6kaxe-core. Accessibility engine for automated Web UI testing
★ 7.3kquantity-queries. Simple quantity queries mixins for Sass
★ 188clean-code-javascript. Clean Code concepts adapted for JavaScript
★ 95ka11y-and-ci. Slides for my talk on accessibility and CI
★ 4immutablejs-for-beginners. This documentation is trying to help people who starts using FB immutable.js but at the same time feeling confused by the original documentation
★ 24inclusive-menu-button. A keyboard and screen reader accessible ARIA menu button implementation.
★ 195Sublime-Text-Plugins-for-Frontend-Web-Development. 📝 Collection of plugins for Frontend Web Development
★ 1.1kaom. Accessibility Object Model
★ 601accessibility-developer-tools. This is a library of accessibility-related testing and utility code.
★ 2.3kgulp-app. [DEPRECATED] Gulp as an app
★ 95230-30. 30 React Components in 30ish days
★ 12accessible_components. Listing of accessible components & patterns
★ 695argent. A monthly budget tracking application
★ 2vanilla-javascript-cheat-sheet. Moved
★ 79adaptation-scripts. A set of user-scripts for adapting the view of websites for people with low-vision.
★ 10awesome-public-datasets. A topic-centric list of HQ open datasets.
★ 77kReact-For-Beginners-Starter-Files. Starter files for learning React.js with React for Beginners
★ 2.9kreact-focus-trap. Traps focus for accessible dropdowns and modal content
★ 80react-html5video. A customizeable HTML5 Video React component with i18n and a11y.
★ 456promise-it-wont-hurt. A Workshopper module that teaches you to use promises in javascript
★ 738