EVOLIZE Run a free assessment

Accessibility assessment of warungerik.com

Automated technical assessment of 4 publicly accessible pages · Scanned 12 Aug 2026. Inspected 4 of 5 selected pages (some selected pages could not be inspected).

37findings detected
13critical + high
4pages inspected

What to fix first

  1. Critical Dropdown menus have no accessible name
  2. Critical Links lack accessible text
  3. Critical Links lack accessible text
  4. High Hidden elements can still receive keyboard focus
  5. High Hidden elements can still receive keyboard focus

Findings

Critical

Dropdown menus have no accessible name

Select menus expose no programmatic name, so assistive technology cannot announce what the choice is for.

Component 1 affected page 2 instances WCAG WCAG 2.1 SC 4.1.2 Name, Role, Value (Level A) Ref VE2WYA
Affected pagehttps://warungerik.com/stok-info
Elementselect
Accessible nameSemua Kategori AKUN TB S5K ALIGHT MOTION CANVA CAPCUT CHEAT PUBG EXPRESS VPN GEMINI AI HMA VPN NORD VPN SCRIPT BOT WA SEWA SQUAD VERIF SURFSHARK TELEGRAM YOUTUBE
Markup
<select name="kategori" class="filter-select">
How to fixAdd an accessible name to the dropdown menu using the 'aria-label' or 'aria-labelledby' attribute, or ensure the select element has a visible text label.
Critical

Links lack accessible text

Links expose no accessible name, so their destination is unknown to screen reader users.

Component 1 affected page 2 instances WCAG WCAG 2.1 SC 2.4.4 Link Purpose (In Context) (Level A) Ref UTYYQZ
Affected pagehttps://warungerik.com/stok-info
Elementa[href="stok_info.php?&page=2"]:nth-child(6)
Markup
<a href="stok_info.php?&amp;page=2"><i class="fas fa-chevron-right"></i></a>
How to fixAdd text to the link, or use aria-label/aria-labelledby to provide a text description of the link's purpose.
Critical

Links lack accessible text

Links expose no accessible name, so their destination is unknown to screen reader users.

Component 1 affected page 2 instances WCAG WCAG 2.1 SC 2.4.4 Link Purpose (In Context) (Level A) Ref RMT9HJ
Affected pagehttps://warungerik.com/legal
Element#helpBtn
Markup
<a href="#" class="help-button" id="helpBtn"><i class="fas fa-headset"></i></a>
How to fixAdd text to these links that describes their purpose, or use the 'aria-label' attribute to provide a text description for screen readers.
High

Hidden elements can still receive keyboard focus

An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.

Component 4 affected pages 16 instances WCAG WCAG 2.1 SC 2.4.3 Focus Order (Level A) Ref RI3OJL
Affected pagehttps://warungerik.com/legal
Elementhtml > body > nav:nth-of-type(2) > div > a:nth-of-type(1)
Accessible nameHome
Markup
<a href="/" class="bottom-nav-btn active">
            <i class="fas fa-home"></i>
            <span>Home</span>
        </a>
How to fixEnsure that all focusable elements are visible, or remove them from the tab order if they are not intended to be interacted with. Consider using 'display: none' or 'visibility: hidden' to remove the element from the tab order, or use 'tabindex=-1' to remove it from the tab order while keeping it visible for screen readers.
High

Hidden elements can still receive keyboard focus

An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.

Component 4 affected pages 22 instances WCAG WCAG 2.1 SC 2.4.3 Focus Order (Level A) Ref 2Q5U5K
Affected pagehttps://warungerik.com/legal
Elementhtml > body > header > div > nav > a:nth-of-type(1)
Accessible nameBeranda
Markup
<a href="/"><i class="fas fa-home"></i> <span>Beranda</span></a>
How to fixEnsure that all focusable elements are visible, or remove them from the tab order if they are not meant to be interacted with. Consider using 'display: none' or 'visibility: hidden' CSS properties to remove the element from the visual layout and the tab order.
High

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 3 affected pages 12 instances WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref RPNOZ1
Affected pagehttps://warungerik.com/tentang
Elementdiv:nth-child(2) > .footer-col-title
Accessible nameNavigasi
Markup
<div class="footer-col-title">Navigasi</div>
How to fixIncrease the contrast between the text color and background color by using a color with a higher contrast ratio, such as a darker or lighter shade, to meet the minimum contrast ratio thresholds.
High

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 3 affected pages 6 instances WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref TE018L
Affected pagehttps://warungerik.com/tentang
Element.social-btn.wa[href="https://wa.me/6285183129647"]
Accessible nameWhatsApp
Markup
<a href="https://wa.me/6285183129647" target="_blank" class="social-btn wa"><i class="fab fa-whatsapp"></i> WhatsApp</a>
How to fixIncrease the contrast between the text color and background color of the WhatsApp link by using a color combination that meets the WCAG 2.1 minimum contrast ratio thresholds.
High

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 3 affected pages 6 instances WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref ADZIY5
Affected pagehttps://warungerik.com/tentang
Element.social-btn.tg[href$="warung_erik"]
Accessible nameTelegram
Markup
<a href="https://t.me/warung_erik" target="_blank" class="social-btn tg"><i class="fab fa-telegram"></i> Telegram</a>
How to fixIncrease the contrast between the text color and background color of the 'Telegram' link by using a color with a higher contrast ratio, such as a darker or lighter shade.
High

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 3 affected pages 6 instances WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref BP0OBW
Affected pagehttps://warungerik.com/testimoni
Element.footer-bottom > p
Accessible name© 2026 WARUNGERIK STORE — All Rights Reserved
Markup
<p>© 2026 WARUNGERIK STORE — All Rights Reserved</p>
How to fixIncrease the contrast between the text and background colors by using a darker or lighter shade, or add a background image or texture to improve readability.
High

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 3 affected pages 6 instances WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref RV7TNX
Affected pagehttps://warungerik.com/testimoni
Element.footer-col-title:nth-child(3)
Accessible nameMetode Pembayaran
Markup
<div class="footer-col-title">Metode Pembayaran</div>
How to fixIncrease the contrast between the text and background colors by adjusting the color values to meet the WCAG 2.1 minimum contrast ratio thresholds.
High

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 3 affected pages 28 instances WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref W8BQPI
Affected pagehttps://warungerik.com/testimoni
Element.footer-bottom-links > a[href="/"]
Accessible nameBeranda
Markup
<a href="/">Beranda</a>
How to fixIncrease the contrast between the text color and the background color by using a color with a higher contrast ratio, such as a darker or lighter shade.
High

Interactive controls are not keyboard-accessible

A control that responds to clicks (a clickable element or an ARIA widget) cannot receive keyboard focus, so keyboard and switch users cannot operate it.

Component 1 affected page 6 instances WCAG WCAG 2.1 SC 2.1.1 Keyboard (Level A) Ref BJRSQM
Affected pagehttps://warungerik.com/legal
Elementdiv:nth-of-type(2) > aside > div > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(1)
Accessible nameKebijakan Privasi
Markup
<div class="toc-section-title active" onclick="scrollToSection('privacy')">
                                    <i class="fas fa-lock"></i> Kebijakan Privasi
                                </div>
How to fixAdd focusable semantics or a tabindex to the element, or replace it with a native HTML element that can receive keyboard focus, such as a button or anchor tag.
High

<marquee> elements are deprecated and must not be used

<marquee> elements are deprecated and must not be used

Component 2 affected pages 2 instances WCAG WCAG SC 2.2.2 Ref H08J4J
Affected pagehttps://warungerik.com/tentang
Elementmarquee
Accessible nameSelamat datang di WARUNGERIK STORE — Topup game & produk digital terpercaya #1 Indonesia!
Markup
<marquee behavior="scroll" direction="left" style="font-size:12px;color:var(--text-2);">
                    Selamat datang di <strong style="color:var(--accent)">WARUNGERIK STORE</strong> — Topup game &amp; produk digital terpercaya #1 Indonesia!
                </marquee>
How to fixReplace the <marquee> element with a more accessible alternative, such as a static text element or a CSS-based animation, to ensure that the content is accessible to all users.
Medium

No skip link to main content

The page offers no bypass mechanism, so keyboard users must tab through the full navigation before reaching the main content on every page.

Component 4 affected pages 8 instances WCAG WCAG 2.1 SC 2.4.1 Bypass Blocks (Level A) Ref D6TSUE
Affected pagehttps://warungerik.com/legal
Elementhtml > body
Accessible nameWARUNGERIK STORE Beranda Tentang Testimoni Cek Pesanan Masuk Beranda Tentang Testimoni Cek Pesanan Request Produk Masuk / Daftar Daftar Reseller Legal & Kebijakan Privasi, Disclaimer & Syarat Layanan Baca dengan seksama sebelum menggunakan layanan WARUNGERIK STORE Terakhir diperbarui: 12 August 2026  Daftar Isi Kebijakan Privasi Data yang Dikumpulkan Penggunaan Data Keamanan Data Hak Pengguna Cookie Disclaimer Batasan Tanggung Jawab Keakuratan Informasi Tautan Pihak Ketiga Syarat Layanan Penerimaan Syarat Aturan Penggunaan Pembayaran Refund & Komplain Penghentian Layanan Perubahan Syarat Kebijakan Privasi Privacy Policy WARUNGERIK STORE berkomitmen untuk melindungi privasi dan keamanan data pribadi Anda. Kebijakan ini menjelaskan bagaimana kami mengumpulkan, menggunakan, dan menjaga informasi Anda saat menggunakan layanan kami. 01 Data yang Kami Kumpulkan Saat Anda menggunakan layanan kami, kami dapat mengumpulkan informasi berikut: Nama atau username yang Anda berikan saat bertransaksi Nomor WhatsApp atau kontak Telegram untuk keperluan konfirmasi pesanan ID Game / Username In-Game yang diperlukan untuk proses top-up Riwayat transaksi dan pesanan yang dilakukan Data teknis seperti alamat IP, jenis perangkat, dan browser (dikumpulkan secara otomatis) 02 Penggunaan Data Data yang kami kumpulkan digunakan hanya untuk keperluan: Memproses dan menyelesaikan transaksi top-up yang Anda lakukan Mengkonfirmasi pesanan dan mengirimkan notifikasi terkait status pesanan Memberikan layanan pelanggan dan menyelesaikan keluhan Meningkatkan kualitas layanan kami secara berkelanjutan Mencegah dan mendeteksi penipuan atau penyalahgunaan layanan Kami TIDAK menjual, menyewakan, atau membagikan data pribadi Anda kepada pihak ketiga untuk keperluan pemasaran tanpa seizin Anda. 03 Keamanan Data Kami menerapkan langkah-langkah keamanan teknis dan organisasional yang wajar untuk melindungi data Anda dari akses yang tidak sah, perubahan, pengungkapan, atau penghapusan. Namun demikian, tidak ada metode transmisi data melalui internet yang 100% aman. Data disimpan di server yang dilindungi dengan enkripsi Akses ke data dibatasi hanya untuk personel yang berwenang Sistem dipantau secara berkala untuk mendeteksi ancaman keamanan 04 Hak Pengguna Sebagai pengguna, Anda berhak untuk: Mengakses data pribadi yang kami simpan tentang Anda Meminta koreksi data yang tidak akurat Meminta penghapusan data Anda (dengan ketentuan tertentu) Mengajukan keberatan atas penggunaan data Anda Untuk menggunakan hak-hak ini, hubungi kami melalui Telegram atau WhatsApp. 05 Penggunaan Cookie Website ini menggunakan cookie dan teknologi serupa untuk meningkatkan pengalaman pengguna, seperti menyimpan preferensi dan sesi login. Anda dapat mengatur browser untuk menolak cookie, namun beberapa fitur situs mungkin tidak berfungsi dengan optimal. Disclaimer Penyangkalan Informasi di bawah ini penting untuk dipahami sebelum menggunakan layanan WARUNGERIK STORE. Dengan menggunakan layanan kami, Anda dianggap telah memahami dan menerima disclaimer ini. 01 Batasan Tanggung Jawab WARUNGERIK STORE tidak bertanggung jawab atas: …[truncated by Evolize: exceeded D1 value limit]
Markup
<body>

    <header class="site-header">
        <div class="container header-container">
            <a href="/" class="header-brand">
                <div class="header-logo-mark"><img src="assets/images/logo.jpg" alt="Logo"></div>
                <span class="header-brand-text">WARUNG<span>ERIK</span> STORE</span>
            </a>
            <nav class="header-nav">
                <a href="/"><i class="fas fa-home"></i> <span>Beranda</span></a>
                <a href="/tentang"><i class="fas fa-info-circle"></i> <span>Tentang</span></a>
                <a href="/testimoni"><i class="fas …
How to fixAdd a skip link to the main content at the top of the page, allowing keyboard users to bypass the navigation. This link should be visible when focused and should be the first item in the page's tab order.
Medium

Navigation regions are not distinguishable

The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.

Component 4 affected pages 8 instances WCAG WCAG 2.1 SC 1.3.1 Info and Relationships (Level A) Ref EORJCL
Affected pagehttps://warungerik.com/legal
Elementnav#side-menu
Accessible nameBeranda Tentang Testimoni Cek Pesanan Request Produk Masuk / Daftar Daftar Reseller
Markup
<nav class="side-menu" id="side-menu">
        <ul>
            <li><a href="/"><i class="fas fa-home" style="width:18px;margin-right:8px;color:var(--accent)"></i>Beranda</a></li>
            <li><a href="/tentang"><i class="fas fa-info-circle" style="width:18px;margin-right:8px;color:var(--accent)"></i>Tentang</a></li>
            <li><a href="/testimoni"><i class="fas fa-comment-dots" style="width:18px;margin-right:8px;color:var(--accent)"></i>Testimoni</a></li>
            <li><a href="/cek-pesanan"><i class="fas fa-search" style="width:18px;margin-right:8px;color:var(--accent)"></i>Cek Pes…
How to fixAdd an 'aria-label' or 'aria-labelledby' attribute to each navigation region to provide a unique and descriptive name, allowing screen readers to announce the purpose of each section.
Medium

Navigation regions are not distinguishable

The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.

Component 4 affected pages 8 instances WCAG WCAG 2.1 SC 1.3.1 Info and Relationships (Level A) Ref IMBPMT
Affected pagehttps://warungerik.com/legal
Elementhtml > body > header > div > nav
Accessible nameBeranda Tentang Testimoni Cek Pesanan Masuk
Markup
<nav class="header-nav">
                <a href="/"><i class="fas fa-home"></i> <span>Beranda</span></a>
                <a href="/tentang"><i class="fas fa-info-circle"></i> <span>Tentang</span></a>
                <a href="/testimoni"><i class="fas fa-comment-dots"></i> <span>Testimoni</span></a>
                <a href="/cek-pesanan"><i class="fas fa-search"></i> <span>Cek Pesanan</span></a>
                                <a href="/auth/login" class="btn-login"><i class="fas fa-sign-in-alt"></i> <span>Masuk</span></a>
                            </nav>
How to fixAdd an 'aria-label' or 'aria-labelledby' attribute to each navigation landmark to provide a unique and descriptive name.
Medium

Navigation regions are not distinguishable

The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.

Component 4 affected pages 8 instances WCAG WCAG 2.1 SC 1.3.1 Info and Relationships (Level A) Ref GXE5HM
Affected pagehttps://warungerik.com/legal
Elementhtml > body > nav:nth-of-type(2)
Accessible nameHome Info Pesanan Masuk
Markup
<nav class="bottom-nav">
    <div class="bottom-nav-inner">
        <a href="/" class="bottom-nav-btn active">
            <i class="fas fa-home"></i>
            <span>Home</span>
        </a>
        <a href="/stok-info" class="bottom-nav-btn ">
            <i class="fas fa-boxes-stacked"></i>
            <span>Info</span>
        </a>
        <a href="/cek-pesanan" class="bottom-nav-btn ">
            <i class="fas fa-receipt"></i>
            <span>Pesanan</span>
        </a>
                <a href="/auth/login" class="bottom-nav-btn ">
            <i class="fas fa-sign-in-alt"></i>
     …
How to fixAdd an 'aria-label' or 'aria-labelledby' attribute to each navigation region to provide a unique and descriptive name. For example, '<nav aria-label='Main Navigation'>...</nav>' or '<nav aria-labelledby='nav-label'>...<span id='nav-label'>Main Navigation</span></nav>'
Medium

Touch targets are too small on mobile

Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.

Component 4 affected pages 18 instances WCAG WCAG 2.2 SC 2.5.8 Target Size (Minimum) (Level AA) Ref R6CZLP
Affected pagehttps://warungerik.com/legal
Elementbody > footer > div > div:nth-of-type(2) > div > a:nth-of-type(1)
Accessible nameBeranda
Markup
<a href="/">Beranda</a>
How to fixIncrease the size of the interactive controls to at least 24x24px to make them easier to tap on mobile devices. Consider using CSS to adjust the padding or size of the elements.
Medium

Hidden elements can still receive keyboard focus

An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.

Component 2 affected pages 4 instances WCAG WCAG 2.1 SC 2.4.3 Focus Order (Level A) Ref RHFATO
Affected pagehttps://warungerik.com/tentang
Elementhtml > body > div:nth-of-type(1) > div > div:nth-of-type(2) > a:nth-of-type(1)
Accessible nameTelegram
Markup
<a href="https://t.me/warung_erik" target="_blank"><i class="fab fa-telegram"></i> Telegram</a>
How to fixTo fix this issue, ensure that any element that is not visible does not receive keyboard focus. This can be achieved by setting the 'tabindex' attribute to '-1' or by removing the element from the tab order altogether. Alternatively, make the element visible when it receives focus.
Medium

Form fields use placeholder text as the only label

Fields rely on placeholder text instead of a real label. The placeholder disappears once the user types, and it is not exposed as a programmatic label.

Component 1 affected page 2 instances WCAG WCAG 2.1 SC 1.3.1 Info and Relationships (Level A), WCAG 2.1 SC 3.3.2 Labels or Instructions (Level A) Ref P4ODC4
Affected pagehttps://warungerik.com/stok-info
Elementmain > div > div:nth-of-type(3) > form > div > input
Markup
<input type="text" name="q" placeholder="Cari nama produk..." value="">
How to fixAdd a visible and programmatically available label to the form field, ensuring it remains visible even when the user interacts with the field.
Medium

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 1 affected page 2 instances WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref OEBNJC
Affected pagehttps://warungerik.com/stok-info
Element.hero-sub
Accessible namePantau update stok produk terbaru secara real-time.
Markup
<p class="hero-sub">Pantau update stok produk terbaru secara real-time.</p>
How to fixIncrease the contrast between the text color and background color by using a color with sufficient difference in brightness and saturation, or provide an alternative way for users to adjust the contrast.
Medium

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 1 affected page 6 instances WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref KNQRUZ
Affected pagehttps://warungerik.com/legal
Elementth:nth-child(1)
Accessible nameMetode
Markup
<th>Metode</th>
How to fixIncrease the contrast between the text color and background color of the table header 'Metode' to meet the minimum contrast ratio thresholds as defined by WCAG 2.1 SC 1.4.3.
Medium

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 1 affected page 40 instances WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref 1F7B7L
Affected pagehttps://warungerik.com/stok-info
Element.log-item:nth-child(1) > .log-stok > .log-stok-new
Accessible name16
Markup
<span class="log-stok-new">16</span>
How to fixIncrease the contrast between the text color and the background color by using a color with sufficient difference in brightness and saturation. Aim for a contrast ratio of at least 4.5:1 for normal text.
Medium

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 1 affected page 40 instances WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref ZQDMM
Affected pagehttps://warungerik.com/stok-info
Element.log-item:nth-child(1) > .log-diff
Accessible name+16
Markup
<div class="log-diff">+16</div>
How to fixIncrease the contrast between the text color and background color by using a color with a higher contrast ratio, or add a background image or texture to improve readability.
Medium

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 1 affected page 2 instances WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref NB1IQ5
Affected pagehttps://warungerik.com/legal
Element.toc-header
Accessible nameDaftar Isi
Markup
<div class="toc-header"><i class="fas fa-list"></i> &nbsp;Daftar Isi</div>
How to fixIncrease the contrast between the text and background colors by using a darker or lighter shade, or add a background image or texture to improve readability. Ensure the contrast ratio meets the WCAG 2.1 guidelines.
Medium

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 1 affected page 2 instances WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref OQP9AU
Affected pagehttps://warungerik.com/tentang
Element.contact-btn.tg[href$="warung_erik"]
Accessible nameTelegram
Markup
<a href="https://t.me/warung_erik" target="_blank" class="contact-btn tg">
                            <i class="fab fa-telegram"></i> Telegram
                        </a>
How to fixIncrease the contrast between the text color and background color of the 'Telegram' link by using a darker or lighter color for either the text or the background, ensuring a minimum contrast ratio of 4.5:1 for normal text.
Medium

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 1 affected page 2 instances WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref 6GB0RY
Affected pagehttps://warungerik.com/legal
Element.contact-banner > p
Accessible nameTim kami siap membantu Anda memahami kebijakan dan ketentuan layanan
Markup
<p>Tim kami siap membantu Anda memahami kebijakan dan ketentuan layanan</p>
How to fixIncrease the contrast between the text color and background color by using a color combination that meets the WCAG 2.1 guidelines for minimum contrast ratio.
Medium

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 1 affected page 6 instances WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref W77JKX
Affected pagehttps://warungerik.com/tentang
Element.stat-card:nth-child(1) > .stat-label
Accessible nameItem Terjual
Markup
<div class="stat-label">Item Terjual</div>
How to fixIncrease the contrast between the text color and its background by adjusting the CSS styles for the '.stat-label' class, ensuring the contrast ratio meets the WCAG 2.1 guidelines for minimum contrast.
Medium

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 1 affected page 4 instances WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref X0B15R
Affected pagehttps://warungerik.com/legal
Element.contact-banner-btns > a[href$="warung_erik"][target="_blank"]
Accessible nameTelegram
Markup
<a href="https://t.me/warung_erik" target="_blank"><i class="fab fa-telegram"></i> Telegram</a>
How to fixIncrease the contrast between the text color and background color of the 'Telegram' link by using a darker or lighter color for the text or background, ensuring a minimum contrast ratio of 4.5:1 for normal text.
Medium

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 1 affected page 2 instances WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref KYJ9SN
Affected pagehttps://warungerik.com/legal
Element.page-hero-updated
Accessible nameTerakhir diperbarui: 12 August 2026
Markup
<div class="page-hero-updated"><i class="fas fa-clock"></i> Terakhir diperbarui: 12 August 2026</div>
How to fixAdjust the color of the text or its background to ensure the contrast ratio meets the minimum requirements of at least 4.5:1 for normal text, as recommended by the Web Content Accessibility Guidelines (WCAG 2.1).
Medium

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 1 affected page 2 instances WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref SDBAMA
Affected pagehttps://warungerik.com/tentang
Element.contact-btn.wa[href="https://wa.me/6285183129647"]
Accessible nameWhatsApp
Markup
<a href="https://wa.me/6285183129647" target="_blank" class="contact-btn wa">
                            <i class="fab fa-whatsapp"></i> WhatsApp
                        </a>
How to fixIncrease the contrast between the text color and background color of the WhatsApp link to meet the minimum contrast ratio thresholds as defined by WCAG 2.1 SC 1.4.3.
Low

Page has no level-one heading

The page exposes no <h1>, so its topic is not conveyed in the heading structure.

Component 1 affected page 2 instances WCAG WCAG 2.1 SC 1.3.1 Info and Relationships (Level A) Ref 9MAPH5
Affected pagehttps://warungerik.com/tentang
Elementhtml > body
Accessible nameSelamat datang di WARUNGERIK STORE — Topup game & produk digital terpercaya #1 Indonesia! Telegram | WhatsApp WARUNGERIK Beranda Tentang Testimoni Cek Pesanan Masuk WARUNGERIK Beranda Tentang Testimoni Cek Pesanan Request Produk Masuk / Daftar Daftar Reseller Telegram WhatsApp Erik Founder & Owner Telegram WhatsApp Tentang WARUNGERIK STORE Halo! 👋 Saya Erik, founder dari WARUNGERIK STORE. Kami adalah platform digital store terpercaya yang menyediakan layanan top-up game dengan harga termurah dan proses super instan. Kepuasan pelanggan adalah prioritas utama kami! Statistik 32,284+ Item Terjual 13+ Produk 24/7 Support Keunggulan Kami Proses Instan Transaksi diproses otomatis dalam hitungan detik Aman & Terpercaya Keamanan data dan transaksi terjamin 100% Harga Terbaik Harga termurah dengan kualitas terbaik CS Responsif Customer service siap membantu kapan saja WARUNGERIK STORE Panel penyedia layanan topup games terbaik #1 Indonesia, dengan harga termurah dan proses super instan 24/7. Telegram WhatsApp Navigasi Beranda Tentang Testimoni Cek Pesanan Request Produk Kebijakan & Privasi Games Populer Metode Pembayaran © 2026 WARUNGERIK STORE — All Rights Reserved Beranda Testimoni Tentang Kebijakan Cek Pesanan × Butuh Bantuan? Hubungi tim support kami: Telegram WhatsApp document.addEventListener('DOMContentLoaded', function () { console.debug('[APP] tentang loaded'); const hamburger = document.getElementById('hamburger'); const sideMenu = document.getElementById('side-menu'); const sideOverlay = document.getElementById('side-overlay'); const sideClose = document.getElementById('side-close'); function openMenu() { console.debug('[MENU] open'); sideMenu.classList.add('active'); sideOverlay.classList.add('active'); } function closeMenu() { console.debug('[MENU] close'); sideMenu.classList.remove('active'); sideOverlay.classList.remove('active'); } hamburger?.addEventListener('click', openMenu); sideClose?.addEventListener('click', closeMenu); sideOverlay?.addEventListener('click', closeMenu); const helpFab = document.getElementById('help-fab'); const helpPopup = document.getElementById('help-popup'); const helpClose = document.getElementById('help-close'); helpFab?.addEventListener('click', () => { console.debug('[HELP] toggle'); helpPopup.classList.toggle('show'); }); helpClose?.addEventListener('click', () => helpPopup.classList.remove('show')); document.addEventListener('click', e => { if (!helpFab.contains(e.target) && !helpPopup.contains(e.target)) helpPopup.classList.remove('show'); }); }); .bottom-nav { display: none; position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999; background: #ffffff; border-top: 1px solid #e2e8f0; padding: 8px 0 max(8px, env(safe-area-inset-bottom)); box-shadow: 0 -4px 12px rgba(0,0,0,0.05); } html.dark .bottom-nav, body.dark .bottom-nav { background: #0f172a; border-top-color: #1e293b; } .bottom-nav-inner { display: flex; justify-content: space-around; al…[truncated by Evolize: exceeded D1 value limit]
Markup
<body>

    <div class="top-bar">
        <div class="top-bar-inner">
            <div class="top-bar-marquee">
                <marquee behavior="scroll" direction="left" style="font-size:12px;color:var(--text-2);">
                    Selamat datang di <strong style="color:var(--accent)">WARUNGERIK STORE</strong> — Topup game &amp; produk digital terpercaya #1 Indonesia!
                </marquee>
            </div>
            <div class="top-bar-links">
                <a href="https://t.me/warung_erik" target="_blank"><i class="fab fa-telegram"></i> Telegram</a>
                <span clas…
How to fixAdd a level-one heading (h1) to the page that clearly describes its main topic or purpose. This heading should be the first heading on the page and should be descriptive and concise.
Low

Touch targets are too small on mobile

Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.

Component 2 affected pages 12 instances WCAG WCAG 2.2 SC 2.5.8 Target Size (Minimum) (Level AA) Ref HGU4WS
Affected pagehttps://warungerik.com/tentang
Elementfooter > div:nth-of-type(1) > div > div:nth-of-type(2) > div:nth-of-type(2) > a:nth-of-type(1)
Accessible nameBeranda
Markup
<a href="/">Beranda</a>
How to fixIncrease the size of the interactive controls to at least 24x24px to make them easier to tap on mobile devices. Consider using CSS to adjust the padding or size of the elements.
Low

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 2 affected pages 2 instances WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref 0Y8IE1
Affected pagehttps://warungerik.com/tentang
Element.top-bar-links > a[href$="warung_erik"][target="_blank"]
Accessible nameTelegram
Markup
<a href="https://t.me/warung_erik" target="_blank"><i class="fab fa-telegram"></i> Telegram</a>
How to fixIncrease the contrast between the text color and background color of the 'Telegram' link by using a darker or lighter shade, or add a background image/texture that provides sufficient contrast.
Low

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 1 affected page 2 instances WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref IRYSYV
Affected pagehttps://warungerik.com/testimoni
Element#rating
Accessible name⭐⭐⭐⭐⭐ — Bintang 5 ⭐⭐⭐⭐ — Bintang 4 ⭐⭐⭐ — Bintang 3 ⭐⭐ — Bintang 2 ⭐ — Bintang 1
Markup
<select id="rating" name="rating" class="form-select" required="">
How to fixIncrease the contrast between the text color and background color of the rating select options to meet the minimum contrast ratio thresholds as defined by WCAG 2.1 SC 1.4.3.
Low

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 1 affected page 2 instances WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref L5WPD7
Affected pagehttps://warungerik.com/tentang
Element.profile-name
Accessible nameErik
Markup
<div class="profile-name">Erik</div>
How to fixIncrease the contrast between the text color and background color by using a color with a higher contrast ratio, or add a background image or overlay to improve readability.
Low

Carousel has no accessible controls

A carousel/slider exposes no previous/next or pause controls, so keyboard and assistive-technology users cannot navigate or stop it. Requires manual review of the specific widget.

Component 1 affected page 2 instances WCAG WCAG 2.1 SC 2.1.1 Keyboard (Level A), WCAG 2.1 SC 2.2.2 Pause, Stop, Hide (Level A) Ref 6VG4F5
Affected pagehttps://warungerik.com/testimoni
Elementhtml > body > main > div > div:nth-of-type(2)
Accessible name"auto jadi langganan,amanah" L Leandro "gg bro mantap mantap" F Faizal "Gw erik tokonya juga erik wkwk" E Erik "Mantap, pengiriman produk sangat gercep" J Jaka "Slowres dikit aktif di tele AM PREM 2K DISINI AJA OTW LANGGANAN WKWK 5STARRRR" M M. damar "josjis" A arzk "mantap" R reyhan "Gacorlah" Y Yusuf …[truncated by Evolize: exceeded D1 value limit]
Markup
<div class="slider-wrap">
                <div class="swiper testimoni-slider swiper-initialized swiper-horizontal">
                    <div class="swiper-wrapper" id="swiper-wrapper-fe733fb1715694102" aria-live="off" style="cursor: grab; transition-duration: 5000ms; transform: translate3d(-316px, 0px, 0px);">
                                                        <div class="swiper-slide swiper-slide-prev" role="group" aria-label="1 / 144" data-swiper-slide-index="0">
                                    <div class="testi-card">
                                        <div class="testi-stars…
How to fixAdd visible and accessible controls (e.g., previous, next, pause) to the carousel, ensuring they are reachable via keyboard and readable by screen readers.

Keep warungerik.com monitored

This is a point-in-time assessment. Evolize monitoring re-scans the site on a schedule, flags new and recurring issues, tracks changes over time, and verifies fixes after you make them.

Start monitoring
About this assessment.
  • Automated technical analysis of publicly accessible website surfaces only — no credentials, private systems, or source-code access.
  • Findings apply to the pages and states successfully inspected; automated analysis may not detect every accessibility issue.
  • Results reflect the site at the scan date and may have changed since.
  • This is technical information, not legal advice.

Request a correction or removal · How Evolize scans