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 तैयारी
• समस्याHTTPS पेजों पर असुरक्षित (HTTP) रिसोर्ससुरक्षा
• समस्याकोई काम करने वाला XML साइटमैप नहींSEO
• समस्याबिना मेटा डिस्क्रिप्शन वाले पेजSEO
• समस्याबिना प्रोडक्ट स्ट्रक्चर्ड डेटा वाले प्रोडक्ट पेजSEO
• समस्याज्ञात कमज़ोरियों वाली पुरानी JavaScript लाइब्रेरीसुरक्षा
• समस्याSecure फ़्लैग के बिना कुकीसुरक्षा
• समस्याबिना alt टेक्स्ट वाली इमेजSEO
• जाँचेंमुख्य इमेज लेज़ी-लोड होती हैस्पीड
• जाँचेंज़रूरत से बड़ी इमेजस्पीड
• जाँचेंवे आइटम जिनका फ़ैसला ऑटोमेटेड टेस्ट नहीं कर सकेEAA तैयारी
• जाँचेंसेशन जैसी कुकी, जिन्हें स्क्रिप्ट पढ़ सकती हैंसुरक्षा
• जाँचेंबिना कैनोनिकल लिंक वाले पेजSEO
• अवसरप्रोडक्ट पेज पर कोई रिव्यू नहींकन्वर्ज़न
• अवसरफ़ुटर में पॉलिसी के लिंक नहीं हैंकन्वर्ज़न
• अवसरहोम पेज पर कोई Organization या WebSite स्ट्रक्चर्ड डेटा नहींSEO
• अवसरसोशल शेयरिंग टैग मौजूद नहींSEO
• अवसरप्रोडक्ट की कम इमेजकन्वर्ज़न
• अवसरस्टोर पर सर्च नहीं हैकन्वर्ज़न
• अवसरकोई security.txt नहींसुरक्षा

इस मुफ़्त स्कैन में क्या शामिल था

लेटर के दावे और हमें क्या मिला

लेटर में Title III, Americans with Disabilities Act का हवाला दिया गया है। बताई गई रकम: $12,500। तथ्यों की तुलना, कानूनी सलाह नहीं।

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

  बिना टेक्स्ट विकल्प वाली इमेज. टेस्ट किए गए 5 में से 3 पेज पर 10 इंस्टेंस।

  दोहराया गया

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

  कम कलर कंट्रास्ट. टेस्ट किए गए 5 में से 5 पेज पर 16 इंस्टेंस।

  दोहराया गया

• “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.”

  बिना लेबल वाले फ़ॉर्म फ़ील्ड. टेस्ट किए गए 5 में से 3 पेज पर 4 इंस्टेंस।

  दोहराया गया

• “Product videos do not have captions.”

  वीडियो और ऑडियो कैप्शन. ऑटोमेटेड स्कैन कैप्शन का आकलन नहीं कर सकते। हर प्रोडक्ट या ब्रैंड वीडियो में सही कैप्शन और ट्रांसक्रिप्ट जांचें।

  मैन्युअल जांच

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

  दूसरी समस्याएं. यह एक सामान्य दावा है। मुख्य फ़्लो (सर्च, प्रोडक्ट पेज, कार्ट में जोड़ना, चेकआउट) को VoiceOver या NVDA जैसे स्क्रीन रीडर से टेस्ट करें।

  मैन्युअल जांच

एक्सेसिबिलिटी की मुख्य समस्याएं

गंभीरता और फैलाव के क्रम में। एक्सेसिबिलिटी सुधार रिपोर्ट बताती है कि Shopify पर हर एक को कैसे ठीक करें।

• अत्यंत गंभीरWCAG 4.1.2

  बटन में पहचाना जा सकने वाला टेक्स्ट होना चाहिए

  5 में से 5 पेज पर 13 इंस्टेंस · 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

  इमेज में वैकल्पिक टेक्स्ट होना चाहिए

  5 में से 3 पेज पर 10 इंस्टेंस · 1.1.1 Non-text Content

  

  एक उदाहरण एलिमेंट दिखाएं

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

• अत्यंत गंभीरWCAG 4.1.2

  फ़ॉर्म एलिमेंट के लेबल होने चाहिए

  5 में से 2 पेज पर 3 इंस्टेंस · 4.1.2 Name, Role, Value

  

  एक उदाहरण एलिमेंट दिखाएं

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

• अत्यंत गंभीरWCAG 4.1.2

  select एलिमेंट का एक्सेसिबल नाम होना चाहिए

  5 में से 1 पेज पर 1 इंस्टेंस · 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

  लिंक में पहचाना जा सकने वाला टेक्स्ट होना चाहिए

  5 में से 5 पेज पर 20 इंस्टेंस · 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

  एलिमेंट को न्यूनतम कलर कंट्रास्ट अनुपात की सीमा पूरी करनी चाहिए

  5 में से 5 पेज पर 16 इंस्टेंस · 1.4.3 Contrast (Minimum)

  

  एक उदाहरण एलिमेंट दिखाएं

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