AccessMind Enterprise v6.0#

🆕 v6.0: Güvenli ve Profesyonel Erişilebilirlik Denetimi#

AccessMind, OpenClaw Browser Tool ile tam entegre çalışan, güvenli ve profesyonel erişilebilirlik denetim platformudur.

text

┌─────────────────────────────────────────────────────────────┐
│  AccessMind Enterprise v6.0                                  │
├─────────────────────────────────────────────────────────────┤
│  1. OpenClaw Browser → Güvenli site açma                    │
│  2. ARIA Snapshot → DOM analizi                             │
│  3. Keyboard Navigation → Tab simülasyonu                   │
│  4. Focus Testing → Focus trap tespiti                      │
│  5. Visual Analysis → Screenshot + LLM analiz                │
│  6. ACT Rules → 50+ WCAG kuralı                             │
│  7. Professional Report → HTML/JSON çıktı                   │
└─────────────────────────────────────────────────────────────┘

---

🛡️ Güvenlik#

AccessMind v6.0, tüm tarayıcı işlemlerini OpenClaw Browser Tool üzerinden gerçekleştirir. Bu sayede:

• ✅ Güvenli tarama - OpenClaw yönetilen tarayıcı kullanır
• ✅ Cloudflare uyumlu - Browser tool, korumalı sitelerde çalışır
• ✅ İzolü ortam - Sandbox içinde çalışır
• ✅ Şeffaf - Tüm işlemler loglanır
• ✅ Hafif - Ekstra browser kurulumu gerektirmez

---

🚀 Hızlı Başlangıç#

Örnek Kullanım#

text

Kullanıcı: https://arcelik.com.tr için erişilebilirlik denetimi yap

AccessMind:
1. Browser tool ile siteyi açar
2. ARIA snapshot alır
3. Klavye navigasyon testi yapar
4. Focus trap kontrolü yapar
5. Ekran görüntüsü alır
6. ACT Rules çalıştırır
7. Profesyonel rapor oluşturur

OpenClaw Browser Tool ile Entegrasyon#

text

# Siteyi aç
browser action=open url=https://example.com

# ARIA snapshot al (erişilebilirlik için optimize)
browser action=snapshot refs=aria

# Klavye navigasyonu test et
browser action=act kind=press key=Tab
browser action=snapshot refs=aria

# Focus kontrolü
browser action=act kind=press key=Tab
browser action=snapshot refs=aria

# Ekran görüntüsü al
browser action=screenshot

---

⌨️ Klavye Navigasyon Testi#

AccessMind, gerçek kullanıcı davranışını simüle eder:

1. Tab Simülasyonu - Tüm focusable elementleri gez
2. Focus Tracking - Focus değişimlerini takip et
3. Focus Indicator - Focus göstergesi kontrolü
4. Focus Trap Detection - Klavye tuzaklarını tespit et
5. Escape Test - Modal ve dialog kapatma testi

Sonuç Formatı#

json

{
  "keyboard_navigation": {
    "total_steps": 50,
    "focus_changes": 31,
    "visible_outlines": 28,
    "focus_visible_support": 25,
    "issues": 12
  },
  "focus_traps": {
    "total": 0,
    "details": []
  },
  "metrics": {
    "focus_efficiency": 85,
    "keyboard_accessibility": 76,
    "sr_friendliness": 92
  }
}

---

📊 ACT Rules (50+ Kural)#

AccessMind, W3C ACT Rules Format'a uygun 50+ atomik kural içerir:

Perceivable (Algılanabilir)#

Kural IDKriterAçıklamaACT-1.11.1.1Image has accessible nameACT-1.21.1.1SVG has accessible nameACT-1.31.1.1Area has accessible nameACT-2.11.3.1Heading has contentACT-2.21.3.1List has proper structureACT-2.31.3.1Table has headersACT-3.11.4.3Text has sufficient contrastACT-3.21.4.3UI components have sufficient contrastACT-3.31.4.4Text resizes properlyACT-3.41.4.10Content reflows horizontally

Operable (İşletilebilir)#

Kural IDKriterAçıklamaACT-4.12.1.1Interactive element is keyboard accessibleACT-4.22.1.1Focusable element has keyboard eventACT-4.32.1.2No keyboard trapACT-4.42.4.1Page has bypass blocksACT-4.52.4.2Page has titleACT-4.62.4.3Focus order is logicalACT-4.72.4.4Link has accessible nameACT-4.82.4.4Link purpose is clearACT-4.92.4.6Heading describes topicACT-4.102.4.7Focus is visibleACT-4.112.5.1Clickable has accessible nameACT-4.122.5.5Target size is sufficient

Understandable (Anlaşılabilir)#

Kural IDKriterAçıklamaACT-5.13.1.1Page language is specifiedACT-5.23.1.2Part language is specifiedACT-5.33.2.1Focus doesn't change contextACT-5.43.2.2Input doesn't change context unexpectedlyACT-5.53.2.4Consistent navigationACT-5.63.3.1Error identificationACT-5.73.3.2Form has labelsACT-5.83.3.3Error suggestionACT-5.93.3.4Error prevention

Robust (Sağlam)#

Kural IDKriterAçıklamaACT-6.14.1.1Parsing is validACT-6.24.1.2Custom element has accessible nameACT-6.34.1.2Custom element has roleACT-6.44.1.2ARIA state is validACT-6.54.1.2Form has accessible nameACT-6.64.1.3Status message has role

---

📈 Innovative Metrics#

Focus Efficiency Score (0-100)#

Focus'un sayfada ne kadar verimli hareket ettiğini ölçer:

• Focus değişim tutarlılığı (40%)
• Visible focus outlines (30%)
• :focus-visible desteği (30%)

Keyboard Accessibility Score (0-100)#

Klavye erişilebilirlik sorunlarını ölçer:

• Critical sorun: -10 puan
• Serious sorun: -5 puan
• Moderate sorun: -2 puan

Screen Reader Friendliness Score (0-100)#

ARIA live region kalitesini ölçer:

• Doğru aria-live attribute'ları (50%)
• Dinamik içerik duyuruları (50%)

Focus Trap Risk Score (0-100)#

Klavye tuzağı riskini ölçer:

• 0 tuzak: 100 puan
• 1 tuzak: 70 puan
• 2 tuzak: 40 puan
• 3+ tuzak: 20 puan

---

📝 Profesyonel Raporlama#

HTML Rapor#

html

<!DOCTYPE html>
<html lang="tr">
<head>
    <title>WCAG Erişilebilirlik Raporu - example.com</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
    <header>
        <h1>Erişilebilirlik Denetim Raporu</h1>
        <p>Site: example.com</p>
        <p>Tarih: 2026-03-26</p>
    </header>

    <section id="summary">
        <h2>Özet</h2>
        <div class="score">Overall Score: 85/100</div>
        <div class="issues">Toplam İhlal: 12</div>
    </section>

    <section id="wcag-criteria">
        <h2>WCAG Kriterleri</h2>
        <!-- Her kriter için detaylı sonuç -->
    </section>

    <section id="recommendations">
        <h2>Öneriler</h2>
        <!-- Düzeltme önerileri -->
    </section>
</body>
</html>

JSON Rapor#

json

{
  "audit_info": {
    "url": "https://example.com",
    "date": "2026-03-26T08:00:00Z",
    "auditor": "AccessMind Enterprise v6.0",
    "standard": "WCAG 2.2 AA"
  },
  "summary": {
    "overall_score": 85,
    "total_issues": 12,
    "critical": 2,
    "serious": 5,
    "moderate": 5
  },
  "criteria_results": [
    {
      "criterion": "1.1.1",
      "name": "Non-text Content",
      "result": "FAIL",
      "issues": [
        {
          "element": "<img src='logo.png'>",
          "issue": "Image missing alt attribute",
          "severity": "critical",
          "wcag": "1.1.1"
        }
      ]
    }
  ],
  "metrics": {
    "focus_efficiency": 85,
    "keyboard_accessibility": 76,
    "sr_friendliness": 92,
    "focus_trap_risk": 100
  }
}

---

🔧 Kullanım#

CLI (Eski Script'ler)#

bash

# Klavye navigasyon testi
python3 /Users/sarper/.openclaw/workspace/skills/accessmind/scripts/accessmind-behavioral-navigator.py \
  --url https://example.com \
  --steps 50 \
  --output /Users/sarper/.openclaw/workspace/audits

# Derinlemesine tarama
python3 /Users/sarper/.openclaw/workspace/skills/accessmind/scripts/accessmind-deep-crawler.py \
  --url https://example.com \
  --depth 5 \
  --pages 12 \
  --output /Users/sarper/.openclaw/workspace/audits

OpenClaw Browser Tool (Önerilen)#

AccessMind artık OpenClaw Browser Tool ile tam entegre çalışıyor. Kullanıcıdan gelen "siteyi denetle" talebi otomatik olarak browser tool ile gerçekleştirilir.

---

📁 Dosya Yapısı#

text

/Users/sarper/.openclaw/workspace/skills/accessmind/
├── SKILL.md                              # Ana dokümantasyon
├── references/
│   ├── wcag-2.2-criteria.md              # WCAG 2.2 kriterleri
│   ├── aria-guide.md                     # ARIA kılavuzu
│   ├── screen-reader-patterns.md         # Screen reader kalıpları
│   ├── voiceover-patterns.md             # VoiceOver kalıpları
│   ├── common-issues.md                  # Yaygın sorunlar
│   ├── browser-tool-workflow.md          # Browser tool workflow
│   └── mobile-testing.md                 # Mobil test
├── scripts/
│   ├── accessmind-behavioral-navigator.py # Klavye navigasyon testi
│   ├── accessmind-deep-crawler.py         # Derinlemesine tarama
│   ├── act-rules-engine.py                # ACT Rules motoru
│   ├── report-generator.py                # Rapor oluşturucu
│   └── wcag-em-evaluator.py               # WCAG-EM değerlendirici
└── assets/
    └── report-template.md                 # Rapor şablonu

---

🎯 WCAG Kriterleri#

KriterKategoriTest Edildi1.1.1Non-text Content✅1.2.1Audio-only and Video-only✅1.3.1Info and Relationships✅1.3.2Meaningful Sequence✅1.4.3Contrast Minimum✅1.4.4Resize Text✅1.4.10Reflow✅1.4.11Non-text Contrast✅2.1.1Keyboard✅2.1.2No Keyboard Trap✅2.1.4Character Key Shortcuts✅2.4.1Bypass Blocks✅2.4.2Page Titled✅2.4.3Focus Order✅2.4.4Link Purpose✅2.4.5Multiple Ways✅2.4.6Headings and Labels✅2.4.7Focus Visible✅2.5.1Pointer Gestures✅2.5.2Pointer Cancellation✅2.5.3Label in Name✅2.5.4Motion Actuation✅2.5.5Target Size✅2.5.8Target Size (Minimum)✅3.1.1Language of Page✅3.1.2Language of Parts✅3.2.1On Focus✅3.2.2On Input✅3.2.3Consistent Navigation✅3.2.4Consistent Identification✅3.3.1Error Identification✅3.3.2Labels or Instructions✅3.3.3Error Suggestion✅3.3.4Error Prevention✅3.3.7Redundant Entry✅4.1.2Name, Role, Value✅4.1.3Status Messages✅

---

📚 Referanslar#

• WCAG-EM: https://www.w3.org/TR/WCAG-EM/
• ACT Rules: https://www.w3.org/WAI/standards-guidelines/act/
• WCAG 2.2: https://www.w3.org/TR/WCAG22/
• ARIA Authoring Practices: https://www.w3.org/WAI/ARIA/apg/
• Axe-core Rules: https://dequeuniversity.com/rules/axe/4.10/

---

AccessMind Enterprise v6.0

Güvenli ve Profesyonel Erişilebilirlik Denetimi

OpenClaw Browser Tool Entegrasyonu

WCAG 2.2 AA Uyumluluk