extensions.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="Accessibility Agents Extension Marketplace by Community Access. Discover built-in and community-reviewed accessibility agent extensions.">
  <title>Accessibility Agents Extension Marketplace - Community Access</title>
  <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">
  <link rel="stylesheet" href="site-chrome.css">
<style>.archive-note{margin:1.25rem auto;max-width:44rem;padding:1rem 1.25rem;border-radius:10px;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.35);color:#fff;line-height:1.6}.archive-note a{color:#fff;text-decoration:underline}</style>
</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">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="marketplace-hero">
    <div class="container">
      <p class="eyebrow">Community Access</p>
      <h1>Accessibility Agents Extension Marketplace</h1>
      <p class="archive-note" role="note"><strong>This marketplace was built for Accessibility Agents 6.</strong> Version 7 is one package of Agent Skills, and it does not load these extensions. To add rules or a specialist today, <a href="https://github.com/Community-Access/accessibility-agents/blob/main/CONTRIBUTING.md">contribute a skill</a>. The listings below stay for reference.</p>
      <p>Discover built-in and community-reviewed extensions that add company standards, framework rules, document workflows, markdown review, GitHub automation, desktop accessibility, and more to Accessibility Agents.</p>
      <div class="hero-actions">
        <a href="https://github.com/Community-Access/accessibility-agents-marketplace" class="btn btn-primary">Submit an Extension</a>
        <a href="https://github.com/Community-Access/accessibility-agents-marketplace/blob/main/docs/extension-format.md" class="btn btn-outline">Extension Format</a>
      </div>
    </div>
  </section>

  <section class="marketplace-section" aria-labelledby="marketplace-heading">
    <div class="container">
      <div class="section-header">
        <h2 id="marketplace-heading">Find Extensions</h2>
        <p>Filter by domain or status. Select an extension to view its details, source repository, manifest, and review status.</p>
      </div>

      <div class="marketplace-controls">
        <div class="marketplace-field">
          <label for="extension-search">Search extensions</label>
          <input id="extension-search" type="search" autocomplete="off" placeholder="Search by name, author, domain, or description">
        </div>
        <div class="marketplace-field">
          <label for="domain-filter">Domain</label>
          <select id="domain-filter">
            <option value="all">All domains</option>
          </select>
        </div>
        <div class="marketplace-field">
          <label for="status-filter">Status</label>
          <select id="status-filter">
            <option value="all">All statuses</option>
          </select>
        </div>
      </div>

      <p id="extension-results-status" class="marketplace-status" aria-live="polite">Loading extensions...</p>

      <div class="marketplace-layout">
        <div id="extensions-list" class="extension-grid" aria-label="Marketplace extensions"></div>
        <aside id="extension-detail" class="extension-detail" aria-labelledby="extension-detail-heading" tabindex="-1">
          <h3 id="extension-detail-heading">Extension Details</h3>
          <p>Select an extension to view its metadata, source links, and review status.</p>
        </aside>
      </div>
    </div>
  </section>

  <section class="marketplace-section marketplace-review" aria-labelledby="review-heading">
    <div class="container">
      <div class="section-header">
        <h2 id="review-heading">How Review Works</h2>
        <p>Community extensions are submitted through pull requests and reviewed before they are listed for public use.</p>
      </div>
      <div class="features-grid">
        <div class="feature-card">
          <h3>Submit a PR</h3>
          <p>Add an extension folder under <code>extensions/community/</code>, update <code>marketplace.json</code>, and include docs that explain when to use it.</p>
        </div>
        <div class="feature-card">
          <h3>Automated Checks</h3>
          <p>CI validates manifest shape, author metadata, duplicate names, referenced files, links, and repository content rules.</p>
        </div>
        <div class="feature-card">
          <h3>Human Review</h3>
          <p>Reviewers check quality, safety, scope, and whether company-specific rules are labeled separately from public accessibility standards.</p>
        </div>
      </div>
    </div>
  </section>
</main>

<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>
<script src="extensions.js?v=20260615-links2"></script>
</body>
</html>