ተደራሽነት
ለማንበብ የሚገባ መግለጫ የተሳሳቱትን ነገሮች በግልጽ የሚጠቅስ ነው። ይህም እንዲሁ ያደርጋል፤ በተጨማሪም ምንን ለመገንባት እንደምንሠራ እና ያመለጡንን ነገሮች እንዴት ሪፖርት ማድረግ እንደሚቻል ይገልጻል።
- WCAG 2.2 AA እንደ ግብ
- ኮንትራስት ይለካል፣ እንጂ በግምት አይወሰንም
- የሚታወቁ ክፍተቶች ተዘርዝረዋል
አቋሙ
ይህን ድረ ገጽ WCAG 2.2 ደረጃ AAን ለማሟላት እንገነባለን፤ እንዲሁም በግምት ሳንተማመን እንፈትሸዋለን፦ የንፅፅር መጠን እያንዳንዱ ነገር በእውነት በተሳለበት ቀለም ላይ ይለካል፤ ፈተና ካልተሳካም ግንባታው ይቆማል። ይህ በየዓመቱ እናሳውቀውና እንደገና የምንመለከተው ግብ አይደለም — በእያንዳንዱ ልቀት ይሠራል።
ሙሉ ተገዢነት እንዳለው አንገልጽም። የሚታወቁ ጉድለቶችን ከመደበቅ ይልቅ ከዚህ በታች ዘርዝረናቸዋል። በዚህ ድረ ገጽ ወይም በመተግበሪያው ውስጥ ለእርስዎ የማይሠራ ነገር ካለ፣ በርዕሱ Accessibility በማስገባት ወደ [email protected] ይጻፉልንና የተከሰተውን ይንገሩን — ይህ እንደ አስተያየት ሳይሆን እንደ ጉድለት ሪፖርት ይታያል።
በሥራ ላይ የዋለበት ጊዜ
የተካተቱት ነገሮች
- እያንዳንዱ ገጽ JavaScript ሳያስፈልገው ይሰራል። በነባሪነት ምንም ነገር ተደብቆ በስክሪፕት አማካኝነት አይገለጥም። ስለዚህ ስክሪፕቱ ያልሰራበት፣ ጥብቅ የይዘት ከልካይ ያለበት ወይም ጽሑፍ ብቻ የሚያሳይ መሳሪያ የሚጠቀም ሰውም የገጹን ይዘት ማየት ይችላል። ተግባቢ ክፍሎች ቀድሞውኑ በሚሰሩ ገጾች ላይ የተጨመሩ ማሻሻያዎች ናቸው።
- የቀለም ንጽጽሩ የሚለካው ከትክክለኛው በስክሪን ላይ ከተሳለው የጀርባ ቀለም ጋር ነው። ይህም እያንዳንዱን ኤለመንት ከኋላው ያለው የመጀመሪያው ሙሉ በሙሉ ግልጽ ያልሆነ የወላጅ ኤለመንት ጋር በማያያዝ ነው፤ በግምት የተመረጠ ቀለምን በመመልከት አይደለም። በዚህ ጣቢያ ያለው የአካል ጽሑፍ አንድ ወቅት 4.49:1 ነበር — ከAA ያነሰ ቢሆንም ለማየት ፍጹም መደበኛ ይመስላል — ይህን ለማግኘት ግን መለካት አስፈልጓል።
- ወደ ይዘት መዝለያ አገናኝና የሚታይ የፎከስ ምልክት። እያንዳንዱ ገጽ የሚያልፍበትን ይዘት ለመድረስ በሚያስችል አገናኝ ይጀምራል፤ እያንዳንዱም ተግባቢ ኤለመንት ለገጹ ጽዳት ሲባል ከሚወገድ የውጫዊ መስመር ይልቅ የሚታይ የፎከስ ምልክት አለው።
- የትርጉም ያለው መዋቅር። በእያንዳንዱ ገጽ አንድ h1፣ ደረጃ ሳይዘለል በቅደም ተከተል የተደረደሩ ርዕሶች፣ እውነተኛ ዝርዝሮች፣ ትክክለኛ የራስጌ ሕዋሶችና መግለጫዎች ያሏቸው ሰንጠረዦች፣ እንዲሁም የስክሪን አንባቢ ሊዳሰስባቸው የሚችል የገጽ ክፍሎች አሉ።
- እንቅስቃሴ የስርዓቱን ቅንብር ያከብራል። በ prefers-reduced-motion ስር እያንዳንዱ አኒሜሽን ይቦዝናል፤ ይዘቱም የመግቢያ እንቅስቃሴ እስኪጠናቀቅ ከመጠበቅ ይልቅ ወዲያውኑ ይታያል።
- ጽሑፍ ሊሰፋ ይችላል። አቀማመጦቹ ጽሑፍ ሲሰፋ ወይም መስኮቱ ጠባብ ሲሆን ሳይሰበሩ ወይም ወደ ጎን ሳያሸበልሉ እንደገና በመደራጀት እንዲሰሩ አንጻራዊ መለኪያዎችን ይጠቀማሉ።
- ትርጉም ያለው አማራጭ ጽሑፍ እንዲሁም በአገናኝ ውስጥ ያለ ምስል የራሱን ጽሑፍ ካለው በምስሉ ላይ ሆን ተብሎ ባዶ alt ይጠቀማል — እዚያ መግለጫ ቢኖር የስክሪን አንባቢ አንድ ነገርን ሁለት ጊዜ እንዲያሳውቅ ያደርገዋል።
የታወቁ ጉድለቶች
ይህ ክፍል ገጹን ማተም ጠቃሚ የሆነበት ምክንያት ነው። እያንዳንዱ ነገር እውነተኛ ነው፣ ስለእሱም እናውቃለን፤ ከእነዚህ ውስጥ አንዱም እዚህ እንደተስተካከለ አልቀረበም።
ጣቢያው በሰላሳ ቋንቋዎች ታትሟል፣ በሁሉም ቋንቋዎች ከስክሪን አንባቢ ጋር ግን አልተፈተነም። ሙከራው በእንግሊዝኛ ተካሂዷል። በከላይና በታች የሚነበቡ ቋንቋዎች የአነባበብ እና የንባብ ቅደም ተከተል፣ እንዲሁም የማሳያ ፊደላችን የማይደግፋቸውና የመድረኩ ፊደል የሚተካባቸው ጽሕፈቶች፣ ከአጋዥ ቴክኖሎጂ ጋር አልተረጋገጡም።
ሁለቱ የፊደል አይነቶቻችን Latin ብቻ ይደግፋሉ። Cyrillic፣ Devanagari፣ Georgian፣ Thai፣ Arabic፣ Hebrew፣ Bengali፣ Ethiopic እና CJK ሁሉ ወደ መድረኩ የራሱ ፊደላት ይመለሳሉ። ይህ በአጠቃላይ ለንባብ ግልጽነት ጥሩ ነው፤ ነገር ግን በእንግሊዝኛ የምንቆጣጠረው የፊደል ዝርዝር — ክብደት፣ ክፍተት፣ ትንሽ ጽሑፍ በቂ ትንሽ መሆኑን የሚያቆምበት መጠን — በእነዚህ አካባቢያዊ ቋንቋዎች የምንቆጣጠረው አይደለም።
አንዳንድ ተግባቢ ክፍሎች አዲስ ናቸውና ያነሰ ሙከራ ተደርጎባቸዋል። የንጽጽር ማትሪክሱና የእገዛ ፍለጋው ረድፎችን በቦታቸው ያጣራሉ፤ ይህም ትክክለኛው አቀራረብ ነው። ነገር ግን የተቀየረውን የውጤት ብዛት ለስክሪን አንባቢ ማሳወቅ ተተግብሯል እንጂ በተጠቃሚዎች አልተፈተነም።
መተግበሪያው ተመሳሳይ ዓላማ ይከተላል፣ ነገር ግን ከጣቢያው ያነሰ ጊዜ ይመረመራል። የመድረኩን የራሱን የጽሑፍ መጠን ማስተካከያና ስክሪን አንባቢ ይደግፋል፤ እነዚህም አብዛኛውን ሥራ ይሰራሉ። ነገር ግን በእያንዳንዱ ልቀት ላይ መደበኛ የተደራሽነት ኦዲት በአሁኑ ጊዜ አናካሂድም።
በጣቢያውም ሆነ በመተግበሪያው ላይ መደበኛ የሦስተኛ ወገን ኦዲት አልተካሄደም። የሌለንን ማረጋገጫ እንዳለን ከማስመሰል ይልቅ ይህን መናገርን እንመርጣለን።
መተግበሪያውና ማወቅ የሚገባ አንድ ነገር
የ Telvio መተግበሪያ የሚሰራበት የኦፐሬቲንግ ሲስተም የተደራሽነት ባህሪያትን ይጠቀማል፤ በ iOS VoiceOver እና Dynamic Type፣ በ Android ደግሞ TalkBack እና የፊደል መጠን ማስተካከያ። እነዚህ በቁጥር መደወያ፣ ቀሪ ሂሳብና የታሪፍ ዝርዝር ብቻ ላለው መተግበሪያ አስፈላጊ የሆኑትን አብዛኛዎቹን ነገሮች ይሸፍናሉ።
አንድ የንድፍ ውሳኔ እንደ ባህሪ ሳይሆን እንደ የተደራሽነት ጥቅም ሊጠቀስ ይገባል። መተግበሪያው መለያ ስለማይፈልግ የመመዝገቢያ ቅጽ፣ የሚገባ የይለፍ ቃል፣ የኢሜይል ማረጋገጫ ደረጃ ወይም ከመልዕክት የሚወሰድ ኮድ የለም — አጋዥ ቴክኖሎጂ የሚጠቀሙ ሰዎችን ወይም ቅጾችን መሙላት የሚከብዳቸውን ሰዎች ብዙ ጊዜ የሚያሰናክለው ይህ ዓይነት መስተጋብር እዚህ የለም። ጫን፣ ደውል፣ ተናገር።
ተዛማጅ ገደቡም እንደ ሌሎቹ ነገሮች በዚሁ ገጽ ላይ ተገልጿል፤ መተግበሪያው የአደጋ ጊዜ አገልግሎቶችን መደወል አይችልም፣ ይህም በየአደጋ ጊዜ ጥሪዎች ላይ ተብራርቷል። አንድ ሰው ይህን መተግበሪያ ለዘመድ — በተለይም ወደ ውጭ አገር የሚደውሉ አረጋውያን ሰዎች ላይ የሚታይ የተለመደ ሁኔታ — ሲያዘጋጅ፣ ይህ በማድረጉ ጊዜ ማብራራት የሚገባው እጅግ አስፈላጊው ነገር ነው።
አንድ ነገር ችግር እንዳለበት ለእኛ መንገር
ኢሜይልን [email protected] ላይ በመላክ የመልዕክቱን ርዕስ Accessibility ያድርጉ። ጠቃሚ ዝርዝሮች፦ ገጹ ወይም ስክሪኑ፣ ለማድረግ የሞከሩት፣ የተጠቀሙበት አጋዥ ቴክኖሎጂ ከስሪቱ ጋር፣ እና በምትኩ የተከሰተው። ከእነዚህ አንዳቸውም ግዴታ አይደሉም — “የታሪፍ ሰንጠረዡን በስክሪን አንባቢ መጠቀም አልችልም” የሚል አንድ ዓረፍተ ነገር ፍጹም ጥሩ ሪፖርት ነው፤ ምንም ከማይኖር ይልቅ እሱን ብናገኝ እንመርጣለን።
በአምስት የሥራ ቀናት ውስጥ በግምገማና፣ ጉድለት መኖሩን ከተስማማን፣ በግምት የሚወስደውን ጊዜ በመግለጽ ለመመለስ እንሞክራለን። አንድ ሰው ሥራውን እንዳያጠናቅቅ የሚከለክሉ ነገሮች ከሌሎች ሥራዎች በፊት ይስተካከላሉ፤ ሥራን የሚያከብዱ ነገሮች ግን በግልጽ ሁኔታ ይደረደራሉ እንጂ በድብቅ ቃል አይገባላቸውም።
በEuropean Union ውስጥ ከሆኑና የተደራሽነት ግዴታ እየተፈጸመ አይደለም ብለው ካመኑ፣ ጉዳዩን ለሚመለከተው ብሔራዊ የአፈጻጸም አካል ማቅረብም ይችላሉ። መጀመሪያ ወደ እኛ ብትመጡ እንመርጣለን፤ ሆኖም በሁለቱም መንገድ እንመልሳለን።
ምርመራዎቹ በትክክል የሚካሄዱት እንዴት ነው
ከመግለጫ ወደ ተግባር የሚያሸጋግሩት ልዩነት ስለሆኑ ሁለት ነገሮችን መግለጽ ይገባል።
የቀለም ንጽጽር በስክሪን ላይ የተሳለውን ይመለከታል፣ ከኮድ አይነበብም። ከ stylesheet የተነበበ የቀለም ዋጋ ኤለመንት እንዲሆን የተጠየቀውን እንጂ በመጨረሻ የታየውን አይነግርም — በጨለማ ባንድ ላይ ያለ ከፊል ግልጽ ኤለመንት፣ regex የማይረዳው ዘመናዊ የቀለም ተግባር፣ ወይም በ hero ምስል ላይ ያለ ቋሚ ራስጌ። ምርመራው የእያንዳንዱን ኤለመንት እውነተኛ የጀርባ ቀለም የመጀመሪያው ሙሉ በሙሉ ግልጽ ያልሆነ የወላጅ ኤለመንት እስኪደርስ ድረስ ወደ ላይ በመጓዝና ቀለሙን በአሳሹ በኩል በመፍታት ያሳያል፤ ከዚያም ሬሾውን ያሰላል። በዚህ ጣቢያ የአካል ጽሑፍ 4.49:1 ላይ እንዳለ አገኘ፤ ይህም ከAA በታች ቢሆንም በተናጠል ሲታይ ፍጹም መደበኛ ይመስላል።
ገጹ የሚመረመረው እንደተጻፈ ሳይሆን እንደተሳለ ነው። የተለየ መፈተሻ እያንዳንዱን ገጽ በእውነተኛ አሳሽ ይከፍታል፤ ከዚያም በ viewport ውስጥ ያለ ማንኛውም ጽሑፍ የማይታይ ዜሮ ግልጽነት እንዳለው፣ ሰነዱ ወደ ጎን እንደሚሸበለል፣ እና ማንኛውም ነገር ከራሱ የጀርባ ቀለም ጋር ተመሳሳይ ቀለም እንደተሳለ ይጠይቃል። የመጨረሻው ነገር እስኪለቀቅ ድረስ አስቂኝ ይመስላል፤ አንድ የተደረገ የCSS ደንብ አንድ ጊዜ የመለያ ቀለሙንና የጀርባ ቀለሙን አንድ አድርጎ ነበር፣ ይህም በ markup ውስጥ የማይታይ፣ በ DOM ውስጥ የማይታይ እና ከምንጩ ስክሪንሾት ላይ የማይታይ 1:1 የንጽጽር ሬሾ ፈጠረ።
ሆን ብለን የወሰንናቸው ነገሮች
- ያለፈቃድ እንቅስቃሴ የለም። የማሸብለያ አኒሜሽኖች እንቅስቃሴ እንደሚፈለግ በመጀመሪያ ከሚያረጋግጥ ስክሪፕት በኩል በተጠቃሚው ፈቃድ ብቻ ይነቃሉ። ስለዚህ የቀነሰ እንቅስቃሴ ያነቃ አንባቢ ይዘቱን ወዲያውኑ ያያል፣ ሲመጣም አይመለከትም።
- ከJavaScript በስተጀርባ የተደበቀ ይዘት የለም። ምንም ነገር እንዳይታይ ተደርጎ አይጻፍም። ይህ እንደ የአፈጻጸም ውሳኔ ሁሉ የተደራሽነት ውሳኔም ነው — ለመታየት በስክሪፕት ላይ የሚመሰረት ገጽ ስክሪፕቱ ለማይሰራለት ማንኛውም ሰው የማይሰራ ገጽ ነው።
- በመረጃ ውስጥ ከአዶዎች ይልቅ ቃላት። የንጽጽር ሰንጠረዦቹ ምልክትና መስቀል ከመጠቀም ይልቅ “አዎ”፣ “የለም” እና “ወደ ላይ ተጠግቷል” ይላሉ፤ ምክንያቱም ምልክት በሚነበብበት ጊዜ ግልጽ ላይሆን እና ሲገለበጥ ላይታይ ይችላል።
- መግለጫ የሚደግም ከሆነ ባዶ alt። ቀድሞውኑ የራሱን ጽሑፍ በያዘ አገናኝ ውስጥ ያለ ምስል
alt=""ይኖረዋል፤ ስለዚህ የስክሪን አንባቢ መድረሻውን አንድ ጊዜ ብቻ ያሳውቃል። - ሰፊ ሰንጠረዦች በራሳቸው ሳጥን ውስጥ ይሸበለላሉ። ገጹን ወደ ጎን ከመግፋት ይልቅ በራሳቸው ሳጥን ውስጥ ስለሚሸበለሉ፣ ስልክ ላይ አንድ አንቀጽ ለማንበብ በአግድም ማሸብለል አያስፈልግም።
ዋና ነጥብ
በ WCAG 2.2 AA መስፈርት መሠረት እንገነባለን፤ በእያንዳንዱ የልቀት ስሪትም እናረጋግጣለን። የቀለም ንፅፅሩም በግምት ሳይሆን ከትክክለኛው የተቀባ የጀርባ ቀለም ጋር ይለካል። ይህ ሙሉ ተገዢነት እንዳለ የሚያረጋግጥ አባባል አይደለም።
የሚታወቁ ጉድለቶች፦ በሠላሳ ቋንቋዎች ውስጥ የማያ ንባቢ ሙከራ በእንግሊዝኛ ብቻ ተደርጓል፤ የፊደል ቅርጾቻችን Latin ፊደልን ብቻ ስለሚደግፉ ሌሎች የጽሕፈት ስርዓቶች ወደ የመድረኩ ፊደላት ይመለሳሉ፤ አዳዲሶቹ መስተጋብራዊ ክፍሎች በአነስተኛ መጠን ተፈትነዋል፤ እንዲሁም በሦስተኛ ወገን ኦዲት አልተደረገም።
መጠቀም የማይቻል ነገር ካጋጠመዎት በርዕሰ ጉዳዩ Accessibility ወደ [email protected] ይላኩ። ይህ እንደ ጉድለት ሪፖርት ይቆጠራል፤ አንድን ሥራ የሚያግዱ ችግሮችም ከሌሎች ሥራዎች በፊት ይስተካከላሉ።
በተደጋጋሚ የሚጠየቁ ጥያቄዎች
Telvio የትኛውን የተደራሽነት መስፈርት ይከተላል?
ለድረ-ገጹ WCAG 2.2 level AA ዒላማ ተደርጎበታል፤ በየጊዜው ከመገምገም ይልቅ በእያንዳንዱ ልቀት ይፈተሻል። ንጽጽሩም እያንዳንዱ ኤለመንት በትክክል በተሳለበት ዳራ ላይ ይለካል፤ ውድቀት ከተገኘ የግንባታ ሂደቱ ይቆማል። ሙሉ ተገዢነት እንዳለ አንገልጽም።
የ Telvio ድረ-ገጽ JavaScript ሳይኖር ይሠራል?
አዎ። ምንም ነገር በነባሪ አይደበቅም ከዚያም በስክሪፕት አይገለጥም፤ ስለዚህ JavaScript ቢሰናከል ወይም ቢታገድም እያንዳንዱ ገጽ ይዘቱን ያሳያል። እንደ የማነጻጸሪያ ማጣሪያዎች ያሉ ተግባራዊ ባህሪያት ቀድሞውኑ በሚሠሩ ገጾች ላይ የተጨመሩ ማሻሻያዎች ናቸው።
Telvio የተደራሽነት ኦዲት አድርጓል?
በድረ-ገጹም ሆነ በመተግበሪያው ላይ በሶስተኛ ወገን የሚደረግ ኦዲት አልተካሄደም። በድረ-ገጹ እያንዳንዱ ልቀት ላይ አውቶማቲክና በእጅ የሚደረጉ ፈተሻዎች ይካሄዳሉ፤ ይህ መግለጫም የታወቁትን ጉድለቶች ከመደበቅ ይልቅ ይዘረዝራል።
የ Telvio መተግበሪያ ከስክሪን አንባቢ ጋር ተደራሽ ነው?
መተግበሪያው በመድረኩ የቀረቡትን የራሱን የተደራሽነት ባህሪያት ይጠቀማል — በ iOS VoiceOver እና Dynamic Type፣ በ Android TalkBack እና የፊደል መጠን ማስተካከያ። ከድረ-ገጹ ያነሰ ድግግሞሽ ያለው ኦዲት ይደረግበታል፤ እያንዳንዱን ልቀት የሚመለከት መደበኛ የተደራሽነት ኦዲት ግን አይካሄድም።
የተደራሽነት ችግርን እንዴት ሪፖርት ማድረግ እችላለሁ?
የኢሜይሉን ርዕስ Accessibility በማድረግ [email protected] ላይ ኢሜይል ይላኩ፤ የትኛው ገጽ ወይም ስክሪን እንደነበር፣ ምን ለማድረግ እንደሞከሩ እና ምን እንደተከሰተ ይግለጹ። የተጠቀሙት አጋዥ ቴክኖሎጂና ስሪቱ መጠቀሳቸው ይረዳል፣ ግን ግዴታ አይደሉም። በአምስት የሥራ ቀናት ውስጥ ለመመለስ እንሞክራለን።
ድረ-ገጹ በቋንቋዬ የተለየ ፊደል ለምን ይጠቀማል?
ድረ-ገጹ የተነደፈባቸው ሁለቱ የፊደል ቅርጾች ላቲን ፊደልን ብቻ ይደግፋሉ። ሲሪሊክ፣ ዴቫናጋሪ፣ ጆርጂያኛ፣ ታይኛ፣ ዓረብኛ፣ ዕብራይስጥ፣ ቤንጋሊ፣ ኢትዮጵያዊ እና CJK ፊደላት ወደ መድረኩ የራሱ ፊደላት ይመለሳሉ፤ ይህም በአጠቃላይ ለቀላል ንባብ የተሻለ ነው፣ ነገር ግን በእነዚህ አካባቢዎች ያለው የፊደል ዝርዝር በእኛ ቁጥጥር ሥር አይሆንም።
