Scott O'Hara

accessible_components. Listing of accessible components & patterns

a11y_styled_form_controls. Various styled accessible form controls

accessibility_interview_questions. A starting point for questions to ask someone that wants you to give them a job

accessible_modal_window. Accessible modal dialogs

a11y_accordions. ES5 ARIA Accordion Component

Ground-Floor. Basic HTML Styling framework for starting up new, NeoCities websites.

a11y_tooltips. Accessible Tooltip Component

a11y_breadcrumbs. Accessible breadcrumb pattern

Brass-Tacks. Starting point for Sass projects. Really needs a good update though....

aria-switch-control. ARIA Switch control component

aria_disclosure_widget. Progressively enhanced hide/show content areas with vanilla JS & appropriate ARIA attributes

a11y_tab_widget. Accessible Tab Widget built with ARIA

landmarks_demo. A demonstration and informative document about landmark roles

a11y_switch_web_component. ARIA Switch control web component

aria_buttons. Make role="button" elements listen for Space & Enter Keypresses

tests. A place to share test files

css-focus-within-demos. Demos for :focus-within pseudo-class

accessible_hamburger. Archived - check out my disclosure widget pattern for a comparable script

aria_links. Fake links made with ARIA & Vanilla JavaScript

Numbler. jQuery plugin for accessible, styleable number input

Contrast-Finder. Contrast-Finder finds correct color contrasts (background / foreground) for web accessibility (a11y, WCAG, RGAA). https://app.contrast-finder.org

clear-text-field-button. HTML

html-aria. ARIA in HTML

aria. Accessible Rich Internet Applications (WAI-ARIA)

top-people-to-follow-in-web-accessibility. A list of the top people to follow in web accessibility and web standards.

HTML5accessibility. HTML5accessibility.com web site

inclusive-design-checklist. Aims to be the biggest checklist of inclusive design considerations ever

web.dev. The frontend, backend, and content source code for web.dev

hidden-labels. Test cases associated with making hidden labels accessible

html-w3c. Working Draft of the HTML specification

hamburgers. Tasty CSS-animated Hamburgers

FTS-gulp. Gulp Task runner and project starter

legislator-scorecard. JavaScript

angular-dynamic-forms. Configurable Reactive Forms in Angular with dynamic components

html. HTML Standard

keyboard-focus. A rudimentary way to detect users that navigate with the Tab key