about.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="About Community Access: an open source community led by blind and low vision developers, and the people behind Accessibility Agents, QUILL, GLOW and GIT Going with GitHub.">
  <title>About — Community Access</title>
  <link rel="icon" href="https://avatars.githubusercontent.com/u/263509777?v=4&s=32" type="image/png">
  <link rel="apple-touch-icon" href="https://avatars.githubusercontent.com/u/263509777?v=4&s=180">
  <meta property="og:title" content="About — Community Access">
  <meta property="og:description" content="Our mission, contributors, and the people who make accessible software possible.">
  <meta property="og:image" content="https://avatars.githubusercontent.com/u/263509777?v=4&s=400">
  <meta property="og:url" content="https://community-access.github.io/about.html">
  <meta property="og:type" content="website">
  <meta name="twitter:card" content="summary">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Mono:wght@400;700&family=Atkinson+Hyperlegible+Next:wght@400;700;800&display=swap">
  <link rel="stylesheet" href="styles.css">
  <link rel="alternate" type="application/rss+xml" title="Community Access RSS Feed" href="https://community-access.org/feed.xml">
  <style>
    .about-hero {
      background: linear-gradient(160deg, var(--ca-indigo-dark) 0%, var(--ca-violet) 50%, var(--ca-indigo) 100%);
      color: var(--ca-gray-50);
      padding: 5rem 0 4rem;
      text-align: center;
    }
    .about-hero h1 {
      font-size: clamp(2rem, 4vw, 3rem);
      font-weight: 800;
      letter-spacing: -0.03em;
      margin-bottom: 1rem;
    }
    .about-hero p {
      font-size: clamp(1.05rem, 2vw, 1.25rem);
      max-width: 40rem;
      margin: 0 auto;
      opacity: 0.92;
      line-height: 1.7;
    }
    .about-content {
      padding: 4rem 0;
    }
    .about-content h2 {
      font-size: clamp(1.5rem, 3vw, 2rem);
      font-weight: 800;
      color: var(--ca-gray-900);
      margin-bottom: 1.25rem;
    }
    .about-content p {
      font-size: 1.05rem;
      line-height: 1.8;
      color: var(--ca-gray-700);
      max-width: 48rem;
      margin-bottom: 1.25rem;
    }
    .about-content a {
      color: var(--ca-indigo-light);
      text-decoration: underline;
      text-underline-offset: 2px;
    }
    .about-content a:hover {
      text-decoration-thickness: 2px;
    }
    .about-values {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
      gap: 2rem;
      margin: 2.5rem 0;
    }
    .about-value {
      padding: 1.5rem;
      background: var(--ca-gray-50);
      border: 1px solid var(--ca-gray-200);
      border-radius: 12px;
    }
    .about-value h3 {
      font-size: 1.1rem;
      font-weight: 700;
      color: var(--ca-gray-900);
      margin-bottom: 0.5rem;
    }
    .about-value p {
      font-size: 0.95rem;
      margin-bottom: 0;
    }
    .footer-grid {
      display: grid;
      grid-template-columns: 1.5fr 1fr 1fr;
      gap: 2rem;
      padding-bottom: 2rem;
      border-bottom: 1px solid rgba(255,255,255,0.1);
      margin-bottom: 1.5rem;
    }
    @media (max-width: 48rem) {
      .footer-grid { grid-template-columns: 1fr; gap: 1.5rem; }
    }
    .footer-logo {
      font-size: 1.15rem;
      font-weight: 700;
      color: var(--ca-gray-50);
    }
    .footer-tagline {
      color: #9ca3af;
      font-size: 0.9rem;
      margin-top: 0.25rem;
    }
    .footer-column h3 {
      font-size: 0.8rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: rgba(255,255,255,0.7);
      margin-bottom: 0.75rem;
    }
    .footer-column .footer-links {
      list-style: none;
    }
    .footer-column .footer-links li {
      margin-bottom: 0.4rem;
    }
    .footer-column .footer-links a {
      color: #9ca3af;
      text-decoration: none;
      font-size: 0.9rem;
      transition: color var(--transition);
    }
    .footer-column .footer-links a:hover {
      color: var(--ca-emerald-light);
    }
    .about-projects { padding-left: 1.25rem; margin: 0 0 1.25rem; }
    .about-projects li { margin-bottom: 0.75rem; line-height: 1.65; }
    .about-handle { font-weight: 700; color: var(--ca-gray-700); margin: -0.25rem 0 0.5rem; }
  </style>
  <link rel="stylesheet" href="site-chrome.css">
</head>
<body>

<a href="#main" class="skip-link">Skip to main content</a>

<header class="site-header">
  <div class="container header-inner">
    <a href="index.html" class="logo" aria-label="Community Access home">
      <img class="logo-mark" src="https://avatars.githubusercontent.com/u/263509777?v=4&s=80" alt="" width="40" height="40" loading="eager">
      <span class="logo-text">Community Access</span>
    </a>
    <nav class="header-nav" aria-label="Main navigation">
      <ul>
        <li><a href="index.html#projects">Projects</a></li>
        <li class="nav-dropdown">
          <button class="nav-dropdown-toggle" type="button" aria-expanded="false">Accessibility Agents</button>
          <ul class="nav-dropdown-menu">
            <li><a href="start.html">Start here</a></li>
            <li><a href="index.html#whats-new">What&rsquo;s new in 7</a></li>
            <li><a href="index.html#install">Install</a></li>
            <li><a href="quickstart.html">Quick start</a></li>
            <li><a href="docs.html">Documentation</a></li>
          </ul>
        </li>
        <li><a href="news.html">News</a></li>
        <li><a href="repos.html">Repositories</a></li>
        <li><a href="about.html" aria-current="page">About</a></li>
        <li><a href="https://community-access.org/git-going-with-github/" class="nav-workshop-link">Workshop</a></li>
        <li><a href="https://github.com/Community-Access">GitHub</a></li>
      </ul>
    </nav>
    <button class="theme-toggle" type="button" aria-label="Switch to dark mode">
      <span class="icon-sun" aria-hidden="true">&#9728;&#65039;</span>
      <span class="icon-moon" aria-hidden="true">&#9790;&#65039;</span>
    </button>
  </div>
</header>

<main id="main">

<section class="about-hero">
  <div class="container">
    <h1>About Community Access</h1>
    <p>An open source community, led by blind and low vision developers, building the tools, training and practices that make software accessible by default.</p>
  </div>
</section>

<section class="about-content">
  <div class="container">
    <h2>Our Mission</h2>
    <p>Software is still built mostly by people who do not use assistive technology, and it shows: missing labels, broken heading order, keyboard traps, documents a screen reader cannot read, and AI coding tools that repeat all of it at speed.</p>
    <p>Community Access works on the whole chain. We give developers and AI tools the rules and the checks (Accessibility Agents), give screen reader users software built for them from the first line (QUILL), give document authors a way to fix what they publish (GLOW), teach the skills to contribute (GIT Going with GitHub), and run our own projects by GitHub&rsquo;s Open Source Accessibility Framework.</p>
    <p>We believe accessibility is not an afterthought or a feature request. It is a baseline requirement.</p>

    <h2>What We Value</h2>
    <div class="about-values">
      <div class="about-value">
        <h3>Nothing About Us Without Us</h3>
        <p>Built by and for the blind and low-vision community. Every agent understands real-world assistive technology because our contributors use it every day.</p>
      </div>
      <div class="about-value">
        <h3>Open Source, Always</h3>
        <p>Everything we build is MIT-licensed, free to use, modify, and distribute. Accessibility knowledge should never be locked behind a paywall.</p>
      </div>
      <div class="about-value">
        <h3>Prevention Over Remediation</h3>
        <p>Catching accessibility issues before code is written is orders of magnitude cheaper than fixing them after deployment. Our agents intervene at the point of generation.</p>
      </div>
      <div class="about-value">
        <h3>Real-World Testing</h3>
        <p>Spec compliance is necessary but not sufficient. We test with NVDA, JAWS, VoiceOver, and keyboard-only navigation because that is what real users depend on.</p>
      </div>
    </div>

    <h2>Our Projects</h2>
    <ul class="about-projects">
      <li><a href="https://github.com/Community-Access/accessibility-agents">Accessibility Agents</a>: WCAG 2.2 AA enforcement for Claude Code, GitHub Copilot, Codex, Gemini CLI and Antigravity, as one package of Agent Skills with an edit gate and 39 MCP scanning tools. <a href="index.html#install">Install it</a>.</li>
      <li><a href="https://quillforall.org/">QUILL for All</a>: free talking software for Windows screen reader users, from a full writing studio to radio, podcasts, audio production and a media converter.</li>
      <li><a href="https://letitglow.app/">GLOW</a>: audit, fix and convert Office, PDF, Markdown and ePub files against the ACB and APH large print guidelines, Microsoft Accessibility Checker and WCAG 2.2 AA.</li>
      <li><a href="https://community-access.org/git-going-with-github/">GIT Going with GitHub</a>: a free workshop that teaches open source contribution with a screen reader and a keyboard.</li>
      <li><a href="https://github.com/open-source-accessibility/Open-Source-Accessibility-Framework/issues/52">Open Source Accessibility Framework</a>: we follow GitHub&rsquo;s framework in public, and Accessibility Agents helps other projects adopt it.</li>
    </ul>
    <p>Everything is on GitHub at <a href="https://github.com/Community-Access">github.com/Community-Access</a>, and contributions are welcome from everyone. <a href="https://github.com/Community-Access/accessibility-agents/blob/main/CONTRIBUTING.md">Read our contributing guide</a>. Questions: <a href="mailto:support@community-access.org">support@community-access.org</a>.</p>

    <h2>Founders &amp; Maintainers</h2>
    <p>Community Access was founded and is maintained by two developers dedicated to making software accessible by default.</p>
    <div class="about-values">
      <div class="about-value">
        <h3><a href="https://github.com/accesswatch" target="_blank" rel="noopener noreferrer">Jeff Bishop<span class="sr-only"> (opens in new tab)</span></a></h3>
        <p class="about-handle">accesswatch on GitHub</p>
        <p>Co-founder and maintainer. Blind developer and accessibility advocate building tools that bridge the gap between AI code generation and real-world assistive technology.</p>
      </div>
      <div class="about-value">
        <h3><a href="https://github.com/taylorarndt" target="_blank" rel="noopener noreferrer">Taylor Arndt<span class="sr-only"> (opens in new tab)</span></a></h3>
        <p class="about-handle">taylorarndt on GitHub</p>
        <p>Co-founder and maintainer. Developer and educator driving the project's workshops, community engagement, and accessible tooling.</p>
      </div>
    </div>
  </div>
</section>

<section id="contributors" class="contributors-section">
  <div class="container">
    <h2>Contributors</h2>
    <p>Community Access is built by real people who care about digital accessibility and inclusion. These contributors have shaped what we are building across every repo in the organization. Thank you for your partnership, mentorship, and empathy. Go team!</p>
    <div id="contributors-grid" class="contributors-grid" role="list" aria-label="Organization contributors">
      <div role="listitem" class="contributors-loading">Loading contributors&hellip;</div>
    </div>

    <h3 class="special-thanks-heading">Special Thanks</h3>
    <p>A special thanks to everyone who has opened issues, reported bugs, requested features, and shaped our direction. Every voice matters.</p>
    <div id="thanks-grid" class="thanks-grid" role="list" aria-label="Issue contributors">
      <div role="listitem" class="contributors-loading">Loading&hellip;</div>
    </div>

    <h3 class="special-thanks-heading">Community Pillars</h3>
    <p>These people have truly shaped what it means to engage with the blind and low-vision community. Thank you for your partnership, mentorship, and empathy centered around digital accessibility and inclusion.</p>
    <ul class="community-pillars-list" role="list">
      <li><a href="https://github.com/taylorarndt" target="_blank" rel="noopener noreferrer">Taylor Arndt<span class="sr-only">, GitHub profile (opens in new tab)</span></a></li>
      <li>Michael Babcock</li>
      <li><a href="https://github.com/accesswatch" target="_blank" rel="noopener noreferrer">Jeff Bishop<span class="sr-only">, GitHub profile (opens in new tab)</span></a></li>
      <li>Clint Covington</li>
      <li><a href="https://github.com/mikedoise" target="_blank" rel="noopener noreferrer">Michael Doise<span class="sr-only">, GitHub profile (opens in new tab)</span></a></li>
      <li>Doug Geoffray</li>
      <li>Maria Lamardo</li>
      <li>Ty Littlefield</li>
      <li>Roberto Perez</li>
      <li>Megan Rogge</li>
    </ul>
  </div>
</section>

</main>

<div style="text-align:center; padding:1.25rem 1.5rem; background:var(--ca-gray-100); color:var(--ca-gray-700); font-size:0.88rem;">
  <p style="max-width:48rem; margin:0 auto;"><strong>AI and automated tools are not perfect.</strong> They miss things, make mistakes, and cannot replace testing with real screen readers and assistive technology. Always verify with VoiceOver, NVDA, JAWS, and keyboard-only navigation.</p>
</div>

<footer class="site-footer">
  <div class="container">
    <div class="footer-grid">
      <div class="footer-brand">
        <span class="footer-logo">Community Access</span>
        <p class="footer-tagline">Accessible by default. Open source, led by blind and low vision developers.</p>
      </div>
      <nav class="footer-column" aria-labelledby="footer-projects">
        <h2 id="footer-projects">Projects</h2>
        <ul class="footer-links">
          <li><a href="https://github.com/Community-Access/accessibility-agents">Accessibility Agents</a></li>
          <li><a href="https://quillforall.org/">QUILL for All</a></li>
          <li><a href="https://letitglow.app/">GLOW</a></li>
          <li><a href="https://community-access.org/git-going-with-github/">GIT Going with GitHub</a></li>
          <li><a href="https://github.com/open-source-accessibility/Open-Source-Accessibility-Framework/issues/52">Open Source Accessibility Framework</a></li>
          <li><a href="repos.html">All repositories</a></li>
        </ul>
      </nav>
      <nav class="footer-column" aria-labelledby="footer-site">
        <h2 id="footer-site">This site</h2>
        <ul class="footer-links">
          <li><a href="start.html">Start here</a></li>
          <li><a href="quickstart.html">Quick start</a></li>
          <li><a href="docs.html">Documentation</a></li>
          <li><a href="news.html">News</a></li>
          <li><a href="blog.html">Blog</a></li>
          <li><a href="feed.xml">RSS feed</a></li>
          <li><a href="extensions.html">Extensions (version 6)</a></li>
        </ul>
      </nav>
      <nav class="footer-column" aria-labelledby="footer-community">
        <h2 id="footer-community">Community</h2>
        <ul class="footer-links">
          <li><a href="about.html">About</a></li>
          <li><a href="accessibility.html">Accessibility statement</a></li>
          <li><a href="https://github.com/Community-Access/accessibility-agents/blob/main/CONTRIBUTING.md">Contribute</a></li>
          <li><a href="https://github.com/Community-Access/accessibility-agents/blob/main/CODE_OF_CONDUCT.md">Code of conduct</a></li>
          <li><a href="mailto:support@community-access.org">support@community-access.org</a></li>
        </ul>
      </nav>
    </div>
    <div class="a11y-statement">
      <p>This site aims to meet WCAG 2.2 Level AA. <a href="accessibility.html">Read the accessibility statement</a> or <a href="https://github.com/Community-Access/community-access.github.io/issues/new">report a barrier</a>.</p>
    </div>
    <p class="footer-copy">A community project. Code under the MIT License.</p>
  </div>
</footer>

<script src="main.js"></script>

</body>
</html>