Eric Bailey ericwbailey

VO is set to Control + Option or Caps Lock by default.

Resources

These are the resources mentioned during my talk, Accessibility at Scale, delivered for Ro on September 21, 2023.

ChatGPT: Hi there! How can I help you? (try the Inspire Me button for ideas!)

User: Write the code for a tabbed user interface that uses HTML, JavaScript, and CSS.

ChatGPT: I'll provide you with a template that you can use to create a tabbed user interface utilizing HTML, JavaScript and CSS.

These are companion resources for the Intro to mobile screen readers recording for the Accessibility Champions program.

These are companion resources for the Intro to desktop screen readers recording for the Accessibility Champions program.

These are the resources mentioned during my talk, Accessibility and Inclusive Design, delivered for Project Jupyter on March 12, 2022.

	:root {
	--custom-border-radius: 999999px;
	--custom-color-background: #ffffff;
	--custom-color-background-panel: #f7f9fa;
	--custom-color-background-select: #616981;
	--custom-color-background-dm: #f7f7fe;
	--custom-color-background-focus: #e0e5eb;
	--custom-color-background-verified: #bdf7af;
	--custom-color-border-resting: #e0e5eb;
	--custom-color-border-active: #c2ccd8;

	<p class="hide-visually">
	<a href="#skip-{graph-title}">Skip {graph-title}</a>
	</p>
	<!-- Graph code -->
	<p id="#skip-{graph-title}" class="hide-visually">
	{graph-title} skipped. Content continues.
	</p>

	/* BODY AND ROOT */
	:root {
	--color-background: #ffffff;
	--color-background-subtle: #f8f9f9;
	--color-border-subtle: #f0f3f4;
	--color-border: #d7dee2;
	}

	body {
	background-color: var(--color-background);

	<a href="https://blog.cavetools.com/brine-for-pork-loin/">
	Learn more<span class="visually-hidden"> about how to brine a pork loin</span>
	</a>