<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ErişilebilirWeb | 2025/10 Cumhurbaşkanlığı Genelgesi Kontrol Listesi Uyumlu Erişilebilirlik Çözümü</title>
    <meta name="description" content="Web sitenizi 2025/10 Genelgesi ve Bakanlık Kontrol Listesi ile uyumlu hale getirin. Widget + düzenli uyumluluk raporlarıyla yasal uyumu kanıtlayın.">
    <meta name="keywords" content="web erişilebilirliği, wcag 2.2, erişilebilirlik genelgesi 2025, erişilebilirlik eklentisi, dijital erişilebilirlik, erişilebilirlik widget, uyumluluk raporu, ücretsiz web erişilebilirlik taraması">
    <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
    <link rel="canonical" href="https://www.erisilebilirweb.com/">
    <link rel="icon" type="image/png" href="assets/e13k.png">

    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-SDKB9WE2FF"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-SDKB9WE2FF');
    </script>

    <!-- Open Graph -->
    <meta property="og:title" content="ErişilebilirWeb - 2025/10 Sayılı Cumhurbaşkanlığı Genelgesi Kontrol Listesi Uyumlu Erişilebilirlik Çözümü">
    <meta property="og:description" content="Web sitenizi 2025/10 Sayılı Cumhurbaşkanlığı Genelgesi Kontrol Listesi ile uyumlu hale getirin. Eklenti + düzenli uyumluluk raporlarıyla yasal uyumu kanıtlayın.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://www.erisilebilirweb.com/">
    <meta property="og:site_name" content="ErişilebilirWeb">
    <meta property="og:locale" content="tr_TR">
    <meta property="og:image" content="https://www.erisilebilirweb.com/assets/widget.png">
    <meta property="og:image:alt" content="ErişilebilirWeb erişilebilirlik widget önizlemesi">

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="ErişilebilirWeb - 2025/10 Genelgesi Kontrol Listesi Uyumlu Erişilebilirlik Çözümü">
    <meta name="twitter:description" content="Web sitenizi 2025/10 Genelgesi ve Bakanlık Kontrol Listesi ile uyumlu hale getirin. Düzenli uyumluluk raporlarıyla yasal uyumu kanıtlayın.">
    <meta name="twitter:image" content="https://www.erisilebilirweb.com/assets/widget.png">
    <meta name="twitter:image:alt" content="ErişilebilirWeb erişilebilirlik eklenti önizlemesi">

    <!-- Stylesheet -->
    <link rel="stylesheet" href="css/style.css?v=3">

    <!-- Font Awesome for icons -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
	
	<script async src="https://cdn.erisilebilirweb.com/embed/e13bself.js"></script>

    <!-- Structured Data -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "SoftwareApplication",
      "name": "ErişilebilirWeb",
      "description": "Web erişilebilirliği eklenti, Genelge Kontrol Listesi ve WCAG 2.2 temelli uyumluluk raporlama çözümü",
      "applicationCategory": "WebApplication",
      "operatingSystem": "Web",
      "offers": {
        "@type": "Offer",
        "price": "17999",
        "priceCurrency": "TRY"
      }
    }
    </script>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "ErişilebilirWeb",
      "url": "https://www.erisilebilirweb.com/",
      "logo": "https://www.erisilebilirweb.com/assets/erisilebilirweb.svg"
    }
    </script>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "ErişilebilirWeb",
      "url": "https://www.erisilebilirweb.com/",
      "inLanguage": "tr-TR"
    }
    </script>
</head>
<body>
    <!-- Skip to main content link for accessibility -->
    <a href="#main-content" class="skip-link">Ana içeriğe atla</a>

    <!-- Header/Navigation -->
    <header class="site-header">
        <nav class="navbar" role="navigation" aria-label="Ana navigasyon">
            <div class="container">
                <a href="/" class="logo" aria-label="ErişilebilirWeb Ana Sayfa">
                    <img src="assets/erisilebilirweb.png" alt="ErişilebilirWeb Logo" height="50">
                </a>
                <ul class="nav-menu" id="navMenu">
                    <li><a href="/" class="active" aria-current="page">Ana Sayfa</a></li>
                    <li><a href="/ozellikler">Özellikler</a></li>
                    <li><a href="/fiyatlandirma">Fiyatlandırma</a></li>
                    <li><a href="/iletisim">İletişim</a></li>
                    <li><a href="/web-erisilebilirlik-tarama" class="btn-scan-nav">Sitenizi Tarayın</a></li>
                    <li><a href="/demo" class="btn-primary-nav">Demo Talep Et</a></li>
                </ul>
                <button class="mobile-menu-toggle" aria-label="Menüyü aç" aria-controls="navMenu" aria-expanded="false" id="mobileMenuToggle">
                    <span></span>
                    <span></span>
                    <span></span>
                </button>
            </div>
        </nav>
    </header>

    <main id="main-content">
        <!-- Hero Section -->
        <section class="hero">
            <div class="container">
                <div class="hero-content">
                    <div class="hero-text">
                        <h1>Web Sayfanız İçin Erişilebilirlik ve Yasal Uyum Yolculuğunuza Bugün Başlayın</h1>

                        <div class="hero-scan">
                            <p class="hero-scan-title">Ücretsiz hızlı tarama ile sitenizin erişilebilirlik puanını hemen görün.</p>
                            <form class="scan-form" id="heroScanForm" aria-label="Erişilebilirlik taraması başlat">
                                <label class="sr-only" for="heroScanUrl">Web sitesi adresi</label>
                                <div class="hero-scan-input">
                                    <i class="fas fa-globe" aria-hidden="true"></i>
                                    <input type="text" id="heroScanUrl" name="url" placeholder="www.siteniz.com" autocomplete="url" required title="Lütfen web sitesi adresini girin.">
                                </div>
                                <button type="submit" class="btn btn-submit">
                                    <span>Taramayı Başlat</span>
                                    <i class="fas fa-search" aria-hidden="true"></i>
                                </button>
                            </form>
                        </div>

                    </div>
                    <div class="hero-visual">
                        <!-- E13K Floating Badge -->
                        <div class="hero-e13k-float">
                            <img src="assets/e13k.png" alt="E13K Sertifikalı" class="hero-e13k-badge-img">
                        </div>

                        <!-- Report Card (Primary) -->
                        <div class="hero-report-card" id="heroReportCard" aria-live="polite" aria-atomic="true">
                            <!-- Card Title -->
                            <h2 class="hero-card-title">2025/10 Sayılı Cumhurbaşkanlığı Genelgesi Kontrol Listesi Raporu</h2>

                            <!-- Main Content Container (Left and Right) -->
                            <div class="report-main-container">
                                <!-- Left Column: Grade + Progress + Problems -->
                                <div class="report-left-column">
                                    <!-- Score Section -->
                                    <div class="report-card-section">
                                        <h4 class="report-section-title" id="reportScoreTitle">Erişilebilirlik Puanı</h4>

                                        <!-- Score Display -->
                                        <div class="report-score-section">
                                            <div class="report-percentage" id="reportPercentage" aria-label="Erişilebilirlik skoru">30%</div>
                                            <div class="report-grade-wrapper">
                                                <div class="report-grade-badge" id="reportGradeBadge" style="background: #EF4444;">
                                                    <span id="reportGradeText">D</span>
                                                </div>
                                                <div class="report-grade-label" id="reportGradeLabel">Zayıf</div>
                                            </div>
                                        </div>

                                        <!-- Progress Bar -->
                                        <div class="report-progress-bar" role="progressbar" aria-labelledby="reportScoreTitle" aria-valuemin="0" aria-valuemax="100" aria-valuenow="30">
                                            <div class="report-progress-fill" id="reportProgressFill" style="width: 30%;"></div>
                                        </div>
                                    </div>

                                    <!-- Problems Section -->
                                    <div class="report-card-section">
                                        <h4 class="report-section-title">Tespit Edilen Sorunlar</h4>

                                        <!-- Problems Grid -->
                                        <div class="report-problems-grid">
                                            <div class="report-problem-item report-problem-critical">
                                                <div class="report-problem-label">Kritik Sorunlar</div>
                                                <div class="report-problem-count" id="reportCritical">12</div>
                                            </div>
                                            <div class="report-problem-item report-problem-serious">
                                                <div class="report-problem-label">Ciddi Sorunlar</div>
                                                <div class="report-problem-count" id="reportSerious">23</div>
                                            </div>
                                            <div class="report-problem-item report-problem-moderate">
                                                <div class="report-problem-label">Orta Düzey Sorunlar</div>
                                                <div class="report-problem-count" id="reportModerate">30</div>
                                            </div>
                                            <div class="report-problem-item report-problem-minor">
                                                <div class="report-problem-label">Küçük Sorunlar</div>
                                                <div class="report-problem-count" id="reportMinor">55</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Widget Floating Accent -->
                        <div class="hero-widget-float">
                            <img src="assets/widget.png" alt="Erişilebilirlik Widget Önizleme" class="hero-widget-img">
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Trusted By -->
        <section class="trusted-by">
            <div class="container">
                <h2 class="section-title">Erişilebilirlik ve yasal uyum hedeflerinde bize güvenen kurumlar</h2>
                <div class="trusted-logos" role="list">
                    <div class="trusted-logo" role="listitem">
                        <img src="assets/images/trusted/kt.png" alt="Kuveyt Türk logosu" loading="lazy">
                    </div>
                    <div class="trusted-logo" role="listitem">
                        <img src="assets/images/trusted/lonca.png" alt="Lonca Girişimcilik Merkezi logosu" loading="lazy">
                    </div>
                    <div class="trusted-logo" role="listitem">
                        <img src="assets/images/trusted/korusigorta.png" alt="Koru Sigorta logosu" loading="lazy">
                    </div>
                    <div class="trusted-logo" role="listitem">
                        <img src="assets/images/trusted/adiyaman.png" alt="Adıyaman Belediyesi logosu" loading="lazy">
                    </div>
                    <div class="trusted-logo" role="listitem">
                        <img src="assets/images/trusted/sarensys.png" alt="Sarensys logosu" loading="lazy">
                    </div>
                </div>
            </div>
        </section>

        <!-- Trust Bar -->
        <section class="trust-bar">
            <div class="container">
                <div class="trust-items">
                    <div class="trust-item">
                        <i class="fas fa-check-circle"></i>
                        <span>Genelgeye Uyum İçin Tasarlandı</span>
                    </div>
                    <div class="trust-item">
                        <i class="fas fa-certificate"></i>
                        <span>Resmi Kontrol Listesine Dayalı Raporlama</span>
                    </div>
                    <div class="trust-item">
                        <i class="fas fa-bolt"></i>
                        <span>5 Dakikada Aktivasyon</span>
                    </div>
                    <div class="trust-item">
                        <i class="fas fa-file-alt"></i>
                        <span>Eklenti + Rapor Tek Platformda</span>
                    </div>
                </div>
            </div>
        </section>

        <!-- Solution Section -->
        <section class="solution-section">
            <div class="container">
                <h2 class="section-title">Genelgeye Uyum İçin Gerekli 3 Adım: Eklenti, Rapor, Yapılacaklar Listesi</h2>
                <p class="section-subtitle">Genelge Kontrol Listesi ve WCAG 2.2 temelli tarama ile uyumu ve erişilebilirliği yönetilebilir hale getirin</p>
                <div class="benefits-grid">
                    <div class="benefit-card">
                        <div class="benefit-icon">
                            <i class="fas fa-rocket"></i>
                        </div>
                        <h3>Hızlı Entegrasyon</h3>
                        <p>5 dakikada kurulum, tüm platformlarla uyumlu. WordPress, Shopify, özel yazılım - hepsi için tek satır kod yeterli.</p>
                    </div>
                    <div class="benefit-card">
                        <div class="benefit-icon">
                            <i class="fas fa-sync-alt"></i>
                        </div>
                        <h3>Kontrol Listesi Bazlı Tarama</h3>
                        <p>Genelge Kontrol Listesi ve WCAG 2.2 kriterlerine göre düzenli tarama yapar, uyum durumunuzu izler.</p>
                    </div>
                    <div class="benefit-card">
                        <div class="benefit-icon">
                            <i class="fas fa-chart-bar"></i>
                        </div>
                        <h3>Uyum Raporu + Yapılacaklar</h3>
                        <p>Her rapor, kurum içi inceleme komisyonu için hazır çıktılar ve öncelikli iyileştirme listesi sunar.</p>
                    </div>
                </div>
            </div>
        </section>

        <!-- How It Works -->
        <section class="how-it-works">
            <div class="container">
                <h2 class="section-title">Nasıl Çalışır?</h2>
                <div class="steps-grid">
                    <div class="step-item">
                        <div class="step-number">1</div>
                        <div class="step-content">
                            <h3>Kodu Ekleyin</h3>
                            <p>Web sitenize tek satırlık JavaScript kodunu ekleyin. 5 dakikadan kısa sürede kurulum tamamlanır.</p>
                        </div>
                    </div>
                    <div class="step-item">
                        <div class="step-number">2</div>
                        <div class="step-content">
                            <h3>Otomatik Tarama ve Rapor</h3>
                            <p>Yapay zeka destekli sistemimiz sitenizi Genelge Kontrol Listesi ve WCAG 2.2 temelinde tarar, rapor üretir.</p>
                        </div>
                    </div>
                    <div class="step-item">
                        <div class="step-number">3</div>
                        <div class="step-content">
                            <h3>Eklenti Aktif</h3>
                            <p>Erişilebilirlik eklentisi otomatik olarak devreye girer ve ziyaretçilerinize özelleştirme seçenekleri sunar.</p>
                        </div>
                    </div>
                    <div class="step-item">
                        <div class="step-number">4</div>
                        <div class="step-content">
                            <h3>Uyum Raporu ve Yapılacaklar</h3>
                            <p>Düzenli raporlarla uyum durumunuzu görün, kurum içi inceleme komisyonu için hazır çıktılar alın.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Features Overview -->
        <section class="features-section">
            <div class="container">
                <h2 class="section-title">Erişilebilirlik Eklentisi ve Yasal Uyum Raporu Özellikleri</h2>
                <div class="features-grid">
                    <div class="feature-item" data-animate>
                        <div class="feature-icon">
                            <i class="fas fa-audio-description"></i>
                        </div>
                        <h3>Ekran Okuyucu Optimizasyonu</h3>
                        <p>JAWS, NVDA, VoiceOver ile tam uyumluluk ve otomatik ARIA etiketleme</p>
                    </div>
                    <div class="feature-item" data-animate>
                        <div class="feature-icon">
                            <i class="fas fa-keyboard"></i>
                        </div>
                        <h3>Klavye Navigasyonu</h3>
                        <p>Tam klavye desteği, atlama linkleri ve gelişmiş odak göstergeleri</p>
                    </div>
                    <div class="feature-item" data-animate>
                        <div class="feature-icon">
                            <i class="fas fa-adjust"></i>
                        </div>
                        <h3>Renk Kontrastı Ayarı</h3>
                        <p>Dinamik kontrast ayarlama, yüksek kontrast modu ve karanlık tema</p>
                    </div>
                    <div class="feature-item" data-animate>
                        <div class="feature-icon">
                            <i class="fas fa-text-height"></i>
                        </div>
                        <h3>Metin Boyutu Kontrolü</h3>
                        <p>Metin büyüklüğünü ayarlama ve disleksi dostu font seçenekleri</p>
                    </div>
                    <div class="feature-item" data-animate>
                        <div class="feature-icon">
                            <i class="fas fa-file-signature"></i>
                        </div>
                        <h3>Uyumluluk Raporları</h3>
                        <p>Genelge Kontrol Listesi ve WCAG 2.2 temelinde düzenli rapor üretir.</p>
                    </div>
                    <div class="feature-item" data-animate>
                        <div class="feature-icon">
                            <i class="fas fa-list-check"></i>
                        </div>
                        <h3>Yapılacaklar Listesi</h3>
                        <p>Her rapor, kritik sorunları önceliklendirir ve uygulanabilir adımlar sunar.</p>
                    </div>
                </div>
                <div class="features-cta">
                    <a href="/ozellikler" class="btn btn-outline">Tüm Özellikleri Keşfedin</a>
                </div>
            </div>
        </section>

        <!-- Problem Section -->
        <section class="problem-section">
            <div class="container">
                <h2 class="section-title">Yasal Uyum Takvimi</h2>
                <p class="section-subtitle">5378 sayılı Engelliler Hakkında Kanun ve 2025/10 Sayılı Cumhurbaşkanlığı Genelgesi, web sayfalarında erişilebilirliği yasal zorunluluk haline getirir.</p>
                <div class="deadline-cards">
                    <div class="deadline-card urgent">
                        <div class="card-icon">
                            <i class="fas fa-building"></i>
                        </div>
                        <h3>Kamu Kurumları ve Kritik Özel Sektör Paydaşları</h3>
                        <p class="deadline-time">Son tarih: 21 Haziran 2026</p>
                        <p>Genelgede sayılan kamu kurumları ve kritik özel sektör paydaşları, web sitelerini ve mobil uygulamalarını <strong>1 yıl içinde</strong> Genelge Kontrol Listesi ve WCAG 2.2’ye uygun hale getirmek ve uyum raporu hazırlamak zorundadır.</p>
                    </div>
                    <div class="deadline-card warning">
                        <div class="card-icon">
                            <i class="fas fa-store"></i>
                        </div>
                        <h3>Özel Sektör & E-Ticaret</h3>
                        <p class="deadline-time">Son tarih: 21 Haziran 2027</p>
                        <p>6563 sayılı Kanun kapsamındaki elektronik ticaret hizmet sağlayıcıları <strong>2 yıl içinde</strong> aynı kriterlere göre uyum sağlamak ve raporlarını oluşturmak zorundadır. Uyumsuzluk yasal yaptırımlara ve rekabet dezavantajına yol açabilir.</p>
                    </div>
                </div>
                <div class="compliance-risks">
                    <h3>Uyumsuzluk Riskleri</h3>
                    <ul class="risk-list">
                        <li><i class="fas fa-exclamation-triangle"></i> Yasal yaptırımlar ve denetim süreçleri</li>
                        <li><i class="fas fa-user-slash"></i> Uyumsuzlukların kamuoyu ile paylaşılması riski</li>
                        <li><i class="fas fa-chart-line"></i> Kamu ve kurumsal ihalelerde elenme riski</li>
                        <li><i class="fas fa-award"></i> Kurum içi rapor yükümlülüklerini karşılayamama</li>
                    </ul>
                </div>
            </div>
        </section>

        <!-- Social Proof Section -->
        <section class="social-proof">
            <div class="container">
                <h2 class="section-title">Uyumluluk Odaklı Çözüm</h2>
                <div class="testimonial">
                    <blockquote>
                        <p>"Erişilebilirlik ve yasal uyumluluk yalnızca eklenti (widget) ile tamamlanmaz. ErişilebilirWeb, raporlar ve yapılacaklar listesiyle yasal uyumu ve erişilebilirliği yönetilebilir hale getirir."</p>
                    </blockquote>
                </div>
                <div class="certifications">
                    <div class="cert-item">
                        <i class="fas fa-shield-alt"></i>
                        <p>Genelge Kontrol Listesi Taraması</p>
                    </div>
                    <div class="cert-item">
                        <i class="fas fa-check-double"></i>
                        <p>Erişilebilirlik Eklentisi</p>
                    </div>
                    <div class="cert-item">
                        <i class="fas fa-lock"></i>
                        <p>Düzenli Raporlama İle Yasal Uyum Takibi</p>
                    </div>
                </div>
            </div>
        </section>

        <!-- CTA Section -->
        <section class="cta-section">
            <div class="container">
                <div class="cta-content">
                    <h2>Erişilebilirlik ve Yasal Uyum Yolculuğunuza Bugün Başlayın</h2>
                    <p>Ücretsiz demo ile sitenizin Genelge Kontrol Listesi raporunu görün ve yapılacakları netleştirin</p>
                    <div class="cta-buttons">
                        <a href="/demo" class="btn btn-primary btn-large">Ücretsiz Demo Talep Et</a>
                        <a href="/iletisim" class="btn btn-outline-light btn-large">Satış Ekibiyle Görüşün</a>
                    </div>
                    <!-- <p class="cta-note">14 gün ücretsiz deneme • Kredi kartı gerekmez • 30 gün para iade garantisi</p> -->
                </div>
            </div>
        </section>
    </main>

    <!-- Footer -->
    <footer class="site-footer">
        <div class="container">
            <div class="footer-grid">
                <div class="footer-col">
                    <img src="assets/erisilebilirweb_w.png" alt="ErişilebilirWeb Logo" class="footer-logo" height="40">
                    <div class="footer-social">
                        <a href="https://www.linkedin.com/company/erisilebilirweb" aria-label="LinkedIn"><i class="fab fa-linkedin"></i></a>
                        <a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
                        <a href="#" aria-label="Facebook"><i class="fab fa-facebook"></i></a>
                    </div>
                </div>
                <div class="footer-col">
                    <h3>Ürün</h3>
                    <ul>
                        <li><a href="/ozellikler">Özellikler</a></li>
                        <li><a href="/fiyatlandirma">Fiyatlandırma</a></li>
                        <li><a href="/demo">Demo Talep Et</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h3>Destek</h3>
                    <ul>
                        <li><a href="/iletisim">İletişim</a></li>
                        <li><a href="/iletisim">Yardım Merkezi</a></li>
                        <li><a href="#">Dokümantasyon</a></li>
                        <li><a href="#">SSS</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h3>Yasal</h3>
                    <ul>
                        <li><a href="#">Gizlilik Politikası</a></li>
                        <li><a href="#">Kullanım Koşulları</a></li>
                        <li><a href="#">KVKK</a></li>
                        <li><a href="#">Çerez Politikası</a></li>
                    </ul>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2026 ErişilebilirWeb. Tüm hakları saklıdır.</p>
                <p class="footer-compliance">
                    ErişilebilirWeb bir
                    <a href="https://www.holtzi.com" class="footer-holtzi-link" aria-label="Holtzi">
                        <img src="assets/holtzi_symboltopsitting_textwhite_nobg.png" alt="Holtzi" class="footer-holtzi-logo">
                    </a>
                    ürünüdür.
                </p>
            </div>
        </div>
    </footer>

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