harborandpine.example

ภาพรวม

ปัญหา 18 รายการ ต้องตรวจสอบ 6 รายการ และโอกาสปรับปรุง 7 รายการ ใน 6 ด้าน บน5 หน้า

ปัญหา

18

ควรตรวจสอบ

6

โอกาสปรับปรุง

7

ผ่าน

44

ปัญหาตามลำดับความสำคัญ: สูง 11 รายการ ปานกลาง 5 รายการ ต่ำ 1 รายการ

• ปัญหาปุ่มต้องมีข้อความที่ระบุได้การเข้าถึง
• ปัญหารูปภาพต้องมีข้อความทดแทนการเข้าถึง
• ปัญหาองค์ประกอบในฟอร์มต้องมีป้ายกำกับการเข้าถึง
• ปัญหาองค์ประกอบ select ต้องมีชื่อที่เข้าถึงได้การเข้าถึง
• ปัญหาลิงก์ต้องมีข้อความที่ระบุได้การเข้าถึง
• ปัญหาองค์ประกอบต้องผ่านเกณฑ์อัตราส่วนคอนทราสต์สีขั้นต่ำการเข้าถึง
• ปัญหาไม่เป็นไปตาม EN 301 549 9.1.1.1 (WCAG 1.1.1 Non-text Content)ความพร้อม EAA
• ปัญหาไม่เป็นไปตาม EN 301 549 9.1.4.3 (WCAG 1.4.3 Contrast (Minimum))ความพร้อม EAA
• ปัญหาไม่เป็นไปตาม EN 301 549 9.2.4.4 (WCAG 2.4.4 Link Purpose (In Context))ความพร้อม EAA
• ปัญหาไม่เป็นไปตาม EN 301 549 9.4.1.2 (WCAG 4.1.2 Name, Role, Value)ความพร้อม EAA
• ปัญหาทรัพยากรที่ไม่ปลอดภัย (HTTP) บนหน้า HTTPSความปลอดภัย
• ปัญหาไม่มี XML sitemap ที่ใช้งานได้SEO
• ปัญหาหน้าที่ไม่มี meta descriptionSEO
• ปัญหาหน้าสินค้าที่ไม่มีข้อมูลที่มีโครงสร้างของสินค้าSEO
• ปัญหาไลบรารี JavaScript ล้าสมัยที่มีช่องโหว่ที่เป็นที่รู้จักความปลอดภัย
• ปัญหาคุกกี้ที่ไม่มีแฟล็ก Secureความปลอดภัย
• ปัญหารูปภาพที่ไม่มีข้อความ altSEO
• ควรตรวจสอบรูปภาพหลักถูกตั้งค่า lazy-loadความเร็ว
• ควรตรวจสอบรูปภาพที่ใหญ่เกินจำเป็นความเร็ว
• ควรตรวจสอบรายการที่การทดสอบอัตโนมัติตัดสินไม่ได้ความพร้อม EAA
• ควรตรวจสอบคุกกี้ลักษณะเซสชันที่สคริปต์อ่านได้ความปลอดภัย
• ควรตรวจสอบหน้าที่ไม่มีลิงก์ canonicalSEO
• โอกาสปรับปรุงไม่มีรีวิวในหน้าสินค้าคอนเวอร์ชัน
• โอกาสปรับปรุงส่วนท้ายไม่มีลิงก์นโยบายคอนเวอร์ชัน
• โอกาสปรับปรุงหน้าแรกไม่มีข้อมูลที่มีโครงสร้างแบบ Organization หรือ WebSiteSEO
• โอกาสปรับปรุงไม่มีแท็กสำหรับแชร์บนโซเชียลSEO
• โอกาสปรับปรุงรูปสินค้ามีน้อยคอนเวอร์ชัน
• โอกาสปรับปรุงร้านค้าไม่มีระบบค้นหาคอนเวอร์ชัน
• โอกาสปรับปรุงไม่มี security.txtความปลอดภัย

สิ่งที่การสแกนฟรีนี้ครอบคลุม

ข้อกล่าวหาในหนังสือเทียบกับสิ่งที่เราพบ

อ้างถึง Title III Americans with Disabilities Act จำนวนเงินที่ระบุ: $12,500 เป็นการเปรียบเทียบข้อเท็จจริง ไม่ใช่คำแนะนำทางกฎหมาย

• “Images lack alternative text, so product photos are not described.”

  รูปภาพที่ไม่มีข้อความทดแทน. พบ 10 จุด ใน 3 จาก 5 หน้าที่ทดสอบ

  พบซ้ำได้

• “Text has insufficient color contrast against its background, including sale badges and prices.”

  คอนทราสต์สีต่ำ. พบ 16 จุด ใน 5 จาก 5 หน้าที่ทดสอบ

  พบซ้ำได้

• “The website cannot be navigated using a keyboard alone.”

  การเข้าถึงด้วยคีย์บอร์ดและโฟกัส. โฟกัสของคีย์บอร์ดติดค้างอยู่ในแบนเนอร์คุกกี้

  พบซ้ำได้

• “Form fields do not have labels, including the newsletter sign-up and the quantity fields in the cart.”

  ช่องกรอกข้อมูลที่ไม่มีป้ายกำกับ. พบ 4 จุด ใน 3 จาก 5 หน้าที่ทดสอบ

  พบซ้ำได้

• “Product videos do not have captions.”

  คำบรรยายวิดีโอและเสียง. การสแกนอัตโนมัติตัดสินคำบรรยายไม่ได้ ตรวจวิดีโอสินค้าหรือวิดีโอแบรนด์ทุกรายการว่ามีคำบรรยายที่ถูกต้องและมีบทถอดความ

  ต้องตรวจด้วยคน

• “Our client is legally blind and uses screen reader software.”

  ปัญหาอื่น ๆ. นี่เป็นข้อกล่าวหาแบบทั่วไป ให้ทดสอบขั้นตอนสำคัญ (การค้นหา หน้าสินค้า การเพิ่มลงตะกร้า การชำระเงิน) ด้วยโปรแกรมอ่านหน้าจอ เช่น VoiceOver หรือ NVDA

  ต้องตรวจด้วยคน

ปัญหาด้านการเข้าถึงที่สำคัญที่สุด

เรียงตามระดับความรุนแรงและขอบเขตที่ได้รับผลกระทบ รายงานแก้ไขการเข้าถึงอธิบายวิธีแก้แต่ละปัญหาบน Shopify

• ร้ายแรงมากWCAG 4.1.2

  ปุ่มต้องมีข้อความที่ระบุได้

  พบ 13 จุด ใน 5 จาก 5 หน้า · 4.1.2 Name, Role, Value

  

  แสดงองค์ประกอบตัวอย่าง

  <button type="button"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="7"></circle><path d="M20 20l-3.5-3.5"></path></svg></button>

• ร้ายแรงมากWCAG 1.1.1

  รูปภาพต้องมีข้อความทดแทน

  พบ 10 จุด ใน 3 จาก 5 หน้า · 1.1.1 Non-text Content

  

  แสดงองค์ประกอบตัวอย่าง

  <img src="/img/hero-photo.jpg" loading="lazy">

• ร้ายแรงมากWCAG 4.1.2

  องค์ประกอบในฟอร์มต้องมีป้ายกำกับ

  พบ 3 จุด ใน 2 จาก 5 หน้า · 4.1.2 Name, Role, Value

  

  แสดงองค์ประกอบตัวอย่าง

  <input type="number" value="1" min="1">

• ร้ายแรงมากWCAG 4.1.2

  องค์ประกอบ select ต้องมีชื่อที่เข้าถึงได้

  พบ 1 จุด ใน 1 จาก 5 หน้า · 4.1.2 Name, Role, Value

  

  แสดงองค์ประกอบตัวอย่าง

  <select><option>Featured</option><option>Price, low to high</option><option>Price, high to low</option></select>

• ร้ายแรงWCAG 2.4.4WCAG 4.1.2

  ลิงก์ต้องมีข้อความที่ระบุได้

  พบ 20 จุด ใน 5 จาก 5 หน้า · 2.4.4 Link Purpose (In Context), 4.1.2 Name, Role, Value

  

  แสดงองค์ประกอบตัวอย่าง

  <a href="/cart"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 4h2l2.4 11h11l2-8H6.5"></path><circle cx="9" cy="20" r="1.5"></circle><circle cx="18" cy="20" r="1.5"></circle></svg></a>

• ร้ายแรงWCAG 1.4.3

  องค์ประกอบต้องผ่านเกณฑ์อัตราส่วนคอนทราสต์สีขั้นต่ำ

  พบ 16 จุด ใน 5 จาก 5 หน้า · 1.4.3 Contrast (Minimum)

  

  แสดงองค์ประกอบตัวอย่าง

  <div class="announce">Free shipping on orders over $75 · Easy 30-day returns</div>