Skip to content

Instantly share code, notes, and snippets.

View kloots's full-sized avatar

Todd Kloots kloots

  • Twitter
  • San Francisco
View GitHub Profile
@kloots
kloots / menu-button-arrow.png
Created February 23, 2012 22:43
ARIA Widget Examples Using jQuery
menu-button-arrow.png
@kloots
kloots / charts-live-region.html
Created March 14, 2012 21:59
SVG Made Accessible Via ARIA Live Region
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="author" content="Todd Kloots">
<style type="text/css">
@kloots
kloots / abbr_test.html
Created September 20, 2012 20:57
Abbr Element Test
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>SR Abbr Element Test</title>
</head>
<body>
Ben Bernanke, the Chairman of the <b><abbr title="Internal Revenue Service">IRS</abbr></b>, would likely be the least popular man in America if more people knew his name.
</body>
</html>
function FindProxyForURL(url, host)
{
if (isInNet(host, 'pbs.twimg.com'))
return 'DIRECT'; else return 'PROXY 10.0.0.19:8888';
}
<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<ul>
<li><button type="button" aria-label="Channel 1, 10 unread messages">Channel 1</button></li>
<li><button type="button" title="Channel 2, 20 unread messages">Channel 2</button></li>
</ul>
@kloots
kloots / screen-reader-accessible-tokens.html
Created July 26, 2018 20:30
Rich text editor with screen-reader-accessible tokens
<!doctype html>
<style type="text/css">
#textbox-1{
padding: 4px 10px;
}
.token {
background: #ccc;