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

ተደራሽነት መርማሪ

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

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

የቀጥታ ቅድመ እይታ
example.com/app
በ accessibility ተደግ
3 ስህተቶች5 ማስጠንቀቂያዎች12 ተሳክቷል
3 ምስሎች alt ጽሑፍ ጠፍተዋል
ምስሎች ለ screen readers alt attribute አላቸው። ኤለመንቶች አሳይ →
Contrast ሬሾ በጣም ዝቅተኛ (2.1:1)
ጽሑፍ .hero-subtitle WCAG AA ውድቅ ይሆናል (ቢያንስ 4.5:1)። ኤለመንት አሳይ →
ሞሉ ግብዓት label ጠፍቷል
input#email ምንም related label ኤለመንት የለም። ኤለመንት አሳይ →
landmark ክልልች ጠፍተዋል
ገጽ main እና nav landmark ኤለመንቶች ነገድ። ተጨማሪ ይወቁ →
12 ፈተናዎች ተሳክቷል
ቋንቋ attribute, ርዕስ ተዋረድ, ብር ጽሑፍ, 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 ን በነፃ ይጫኑ እና 64+ የገንቢ መሳሪያዎችን ለአሳሽዎ ይክፈቱ።

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