← ወደ ባህሪያት ይመለሱ
Pro

ተደራሽነት መርማሪ

ተደራሽነት መርማሪ በማንኛውም ድረ-ገጽ ላይ አውቶማቲክ WCAG 2.1 ደረጃ AA ፍተሻዎችን ያካሂዳል እና የተደራሽነት ችግሮች ምድብ ያለው ሪፖርት ያዘጋጃል። በቂ ያልሆነ ቀለም ንፅፅር ምጣኔዎች፣ የጎደሉ ምስል alt ጽሁፎች፣ ስህተት ያለባቸው ARIA ሚናዎች፣ የጎደሉ ቅጽ ሰሌዳዎች፣ የቁልፍ ሰሌዳ አሰሳ ችግሮች እና ተጨማሪ ያስተውሉ።

የድረ-ገጽ ተደራሽነት አማራጭ አይደለም — በብዙ ሕግ ክልሎች ሕጋዊ መስፈርት ነው እና አካል ጉዳት ላላቸው 15% የዓለም ሕዝብ አስፈላጊ ነው። ተደራሽነት መርማሪ እነዚህን የማይታዩ ችግሮች ራስ-ሰር ያመልጣል። የቀለም ንፅፅር ምጣኔዎችን (ለመደበኛ ጽሁፍ ዝቅተኛ 4.5:1)፣ በምስሎች ላይ የጎደለ alt ጽሁፍ፣ በቅጽ ግቤቶች ላይ የጎደሉ ሰሌዳዎች፣ ስህተት ያለባቸው ARIA ሚናዎች እና ባህሪያት፣ የጎደሉ ሰነድ ምልክቶች እና የቁልፍ ሰሌዳ ትኩረት አመልካቾችን ይፈትሻል።

የቀጥታ ቅድመ እይታ
example.com/app
Accessibility Audit
3 Errors5 Warnings12 Passed
Missing alt text on 3 images
Images must have an alt attribute for screen readers. Show elements →
Contrast ratio too low (2.1:1)
Text on .hero-subtitle fails WCAG AA (minimum 4.5:1). Show element →
Form input missing label
input#email has no associated label element. Show element →
Missing landmark regions
Page lacks main and nav landmark elements. Learn more →
12 checks passed
Language attribute, heading hierarchy, link text, focus indicators...
ቁልፍ ባህሪያት

WCAG 2.1 ደረጃ AA ፍተሻዎች

ማስተዋል፣ ማስኬድ፣ መረዳት እና ጠንካራነት ምድቦችን ያካተቱ WCAG 2.1 ደረጃ AA ስኬት መስፈርቶች ላይ አውቶማቲክ ፍተሻዎች። እያንዳንዱ ፍተሻ ተኮር መስፈርት (ምሳ. 1.4.3 ንፅፅር) እና ማለፍ/ውድቀት ሁኔታ ያሳያል።

ቀለም ንፅፅር ትንተና

ለእያንዳንዱ ጽሁፍ ኤለመንት የጽሁፍ-ከዳራ ቀለም ንፅፅር ምጣኔ ያሰላል። ለመደበኛ ጽሁፍ ከ 4.5:1 ወይም ለትልቅ ጽሁፍ ከ 3:1 በታች ያሉ ኤለመንቶችን ይሰይማል።

ምስል Alt ጽሁፍ ኦዲት

ማንኛውንም img፣ svg እና ምስል ሚና ኤለመንት ይቃኛል። የጎደሉ alt ባህሪያት፣ በማያስጌጡ ምስሎች ላይ ባዶ alt እና ከመጠን በላይ ጠቅላላ alt ጽሁፍን ይሰይማል።

ARIA እና ሰማንቲክ HTML

ስህተት ያለባቸው ARIA ሚና አጠቃቀም፣ የጎደሉ አስፈላጊ ARIA ባህሪያት፣ ድርብ IDዎች እና የጎደሉ ምልክት ክልሎችን ይፈትሻል። ሰማንቲክ HTML አማራጮችን ይመክራል።

ቅጽ ሰሌዳ ማረጋገጫ

ማንኛውም ቅጽ ግቤት (ጽሁፍ፣ ኢሜይል፣ ይለፍቃል) ተያያዥ ሰሌዳ እንዳለው ያረጋግጣል — ተመጣጣኝ for/id ያለው label ኤለመንት፣ aria-label ወይም aria-labelledby።

ችግር ምድብ እና ቅድሚያ

ችግሮች እንደ ስህተቶች (መጠገን አለብዎ — ለመድረስ እንቅፋቶች)፣ ማስጠንቀቂያዎች (መጠገን ይገባል) እና ማለፍ (ተደራሽነት ተረጋግጧል) ይመደባሉ።

የተለመዱ የአጠቃቀም ሁኔታዎች

ከመጀመሪያ ተደራሽነት ኦዲት

አዲስ ገጽ ከማስጀመራችሁ በፊት ችግሮችን ቀደም ብሎ ለማግኘት ተደራሽነት መርማሪ ያካሂዱ። የጎደለ alt ጽሁፍ እና ንፅፅር ጥሰቶች በልማት ወቅት ለማስተካከል ቀላል ናቸው።

ሕጋዊ ተገዢነት ማረጋገጫ

ብዙ ክልሎች WCAG 2.1 ደረጃ AA ተገዢነት ይጠይቃሉ (ADA በአሜሪካ፣ EAA በአውሮፓ)። ሕጋዊ አደጋዎች ከመሆናቸው በፊት ክፍተቶችን ለማግኘት ይቃኙ።

QA ፈተና ውህደት

ተደራሽነት ፍተሻን እንደ QA ሂደትዎ አካል ያካትቱ። ትግበራው ተደራሽነት ወደ ኋላ እንዳያመጣ ያረጋግጡ።

የቡድን አባላትን ማስተማር

ተደራሽ markup ምን እንደሚመስል እና ለምን አስፈላጊ እንደሆነ ለገንቢዎች ለማሳየት በቡድን ስብሰባ ወቅት መርማሪውን ያካሂዱ።

ሶስተኛ-ወገን ይዘት ኦዲት

ሶስተኛ-ወገን widgets፣ የተካተተ ይዘት ወይም ተጠቃሚ-የተፈጠረ HTML ያላቸውን ገጾች ያረጋግጡ። እነዚህ ምንጮች ብዙ ጊዜ ተደራሽነት ችግሮችን ያስተዋውቃሉ።

እንዴት እንደሚጠቀሙ
1

ተደራሽነት መርማሪ ያንቁ

የ DevSuite Pro ተንሳፋፊ ዶክ ይክፈቱ እና ተደራሽነት መርማሪ አዶን ጠቅ ያድርጉ። መሳሪያው ገጹን DOM ለተደራሽነት ችግሮች ይቃኛል።

2

ኦዲት ሪፖርቱን ይመልከቱ

ስህተቶች (ቀይ)፣ ማስጠንቀቂያዎች (ቢጫ) እና ማለፍ (አረንጓዴ) ያለው ምድብ ያለው ሪፖርት ይታያል።

3

ለማድመቅ ችግሮችን ጠቅ ያድርጉ

በገጹ ላይ የተጎዳውን ኤለመንት ቀለም ያለው ድንበር ለማድመቅ ማንኛውንም ችግር ጠቅ ያድርጉ።

4

መጠገኛ ምክሮችን ያንብቡ

እያንዳንዱ ችግር ተኮር ምክር ያካትታል — "ምስሉ ይዘት የሚገልጽ alt ጽሁፍ ይጨምሩ"፣ "ቀለም ንፅፅር ቢያንስ 4.5:1 ያሳድጉ"።

5

ያስተካክሉ እና እንደገና ይቃኙ

በኮድዎ ውስጥ ለውጦችን ያድርጉ፣ ገጹን ዳግም ያስጫኑ እና ኦዲቱን እንደገና ያካሂዱ። ችግሮች ሲፈቱ የስህተት ቁጥር መቀነስ አለበት።

ለመሞከር ዝግጁ ነዎት? ተደራሽነት መርማሪ?

DevSuite Pro ን በነፃ ይጫኑ እና 39+ የገንቢ መሳሪያዎችን ለአሳሽዎ ይክፈቱ።

ወደ Chrome ያክሉ ወደ Edge ያክሉ ወደ FireFox ያክሉ