ትርፍ፡
- የቀለም ንፅፅርን ፣ ተለዋጭ ጽሑፍን ፣ የቁልፍ ሰሌዳ ተደራሽነትን እና የ WCAG መስፈርቶችን በሰው ሰራሽ የማሰብ ችሎታ የመቆጣጠር እና የማሻሻል ችሎታ
- እንደ ስክሪን አንባቢ ልምድ፣ alt ጽሑፍ እና ቅጽ መሰየሚያዎችን በሰው ሰራሽ የማሰብ ችሎታ የማመንጨት እና የማረጋገጥ ችሎታ
- የ AI የተደራሽነት ምክሮችን ከእውነተኛ አጋዥ ቴክኖሎጂ እና የተጠቃሚ ሙከራ ጋር የማረጋገጥ ገደቡን መረዳት
ተደራሽነት (a11y ለአጭር) የምርት አቅም አካል ጉዳተኞችን ጨምሮ ሁሉም ሰው ሊጠቀምበት የሚችል ነው፡ ማየት የተሳነው ተጠቃሚ በስክሪን አንባቢ (ጽሑፍን ወደ ንግግር የሚቀይር ረዳት ሶፍትዌር)፣ የሞተር ችግር ያለበት ሰው በቁልፍ ሰሌዳው ማንኛውንም ነገር ማድረግ ይችላል፣ ቀለም ዓይነ ስውር የሆነ ሰው በቀለም ላይ ሳይተማመን መረጃን ይቀበላል። አካታች ንድፍ ሰፋ ያለ ነው፡ እድሜን፣ ቋንቋን፣ ባህልን፣ ጊዜያዊ እክልን (የተሰበረ ክንድ) ወይም የአውድ እክል (በፀሀይ ላይ ያለውን ስክሪን) ጨምሮ የሰውን ልዩነት በንድፍ መሃል ያስቀምጣል። ተደራሽነት “ተጨማሪ” ሳይሆን መሠረታዊ ኃላፊነት እና በአብዛኛዎቹ አገሮች ሕጋዊ መስፈርት ነው። AI በዚህ መስክ ውስጥ ኃይለኛ ቅድመ ማጣሪያ እና ረቂቅ ጀነሬተር ነው; ግን እውነተኛ ተደራሽነት የሚረጋገጠው በእውነተኛ አጋዥ ቴክኖሎጂ እና የተጠቃሚ ሙከራ ብቻ ነው።
WCAG እና ቁልፍ መቆጣጠሪያ ቦታዎች
WCAG (የድር ይዘት ተደራሽነት መመሪያዎች) በአለም አቀፍ ደረጃ ተቀባይነት ያለው የተደራሽነት መስፈርት ስብስብ ነው። የ AA ደረጃ በአጠቃላይ ዒላማ የተደረገ ነው። አራት መርሆች አሉት፡ ይዘቱ ሊታወቅ የሚችል፣ በይነገጹ ጥቅም ላይ የሚውል መሆን አለበት፣ መረጃው ሊረዳ የሚችል እና ቴክኒካል ጤናማ መሆን አለበት። በተግባር በጣም የተለመዱት የቁጥጥር ቦታዎች፡-
- የቀለም ንፅፅር፡ በፅሁፍ እና ከበስተጀርባ ያለው ልዩነት በቂ ነው? (ለኤኤ፣ቢያንስ 4.5፡1 ጥምርታ በመደበኛ ጽሑፍ።)
- ተለዋጭ ጽሑፍ (ተለዋጭ ጽሑፍ)፡ ምስሎቹ ለስክሪን አንባቢ የሚያብራራ አቻ ጽሑፍ አላቸው?
- የቁልፍ ሰሌዳ መዳረሻ፡ ያለ መዳፊት ምንም ነገር ማድረግ ይቻላል? የትኩረት ቅደም ተከተል ትርጉም አለው?
- ቀለም-ብቻ መረጃ፡- እንደ "ቀይ መስኮችን ሙላ" ያሉ ሀረጎች ቀለም ዓይነ ስውር ተጠቃሚን አያካትቱም።
- የቅጽ መለያዎች፡ እያንዳንዱ የግቤት መስክ ስክሪን አንባቢው የሚያነበው መለያ አለው?
- ዒላማን ንካ፡- አዝራሮቹ በጣቶች እንዲጫኑ በቂ ናቸው?
በአብዛኛዎቹ ቦታዎች AI ፈጣን የመጀመሪያ ደረጃ ቅኝት ማድረግ ይችላል፡ የተወሰነ ጽሑፍ መስጠት እና "ንፅፅር በቂ ነው?" ብለው መጠየቅ ይችላሉ፣ የምስል መግለጫ ይስጡ እና "alt text ጠቁም" ይጠይቁ፣ የበይነገጽ መግለጫ ይስጡ እና "የቁልፍ ሰሌዳ መዳረሻ ጉዳዮች ምንድ ናቸው" ብለው ይጠይቁ።
ይጠንቀቁ፡ AI “ተደራሽ ስለሚመስል ብቻ” የተደራሽነት ዋስትና አይሆንም። አውቶማቲክ ፍተሻው አንዳንድ የ WCAG ስህተቶችን ብቻ ይይዛል; ቀሪው ከትክክለኛ አጠቃቀም ጋር ይወጣል.
Alt ጽሑፍ፡ የጥሩ አልት ጽሑፍ ሚስጥር
Alt ጽሑፍ ማየት ለተሳነው ተጠቃሚ ምስሉን ይተካል። ጥሩ የአልት ጽሑፍ የምስሉን ተግባር እና ትርጉም ያስተላልፋል እንጂ የማስዋብ ዝርዝር አይደለም። የ "ወደ ጋሪ አክል" አዶ alt ጽሑፍ መሆን ያለበት "ወደ ጋሪ አክል" እንጂ "የገበያ ጋሪ ምስል" መሆን የለበትም ምክንያቱም ለተጠቃሚው የሚመለከተው ተግባር ነው። AI የንዑስ ጽሑፍ ዝርዝሮችን በማመንጨት ጥሩ ነው፣ ነገር ግን ዐውደ-ጽሑፉን ስለማያውቅ፣ ከመጠን በላይ ገላጭ ወይም ተዛማጅነት የሌለው ጽሑፍ ሊያወጣ ይችላል። እያንዳንዱን alt ጽሑፍ "ለምንድን ነው ይህ ምስል እዚህ ያለው?" በጥያቄው ይከርክሙ።
ምስላዊ
ደካማ ንዑስ ጽሑፍ
ጠንካራ ንዑስ ጽሑፍ
የካርት አዶ (አዝራር)
"የጋሪ አዶ፣ ግራጫ ቀለም"
"ወደ ጋሪ አክል"
የምርት ፎቶ
"ሥዕል"
"ሰማያዊ የክረምት ካፖርት ፣ የፊት እይታ"
የጌጣጌጥ መስመር
"የጌጣጌጥ መስመር"
(ባዶ ይተው - ጌጣጌጥ)
ግራፊክስ
"ግራፊክ ምስል"
"የ2024 ሽያጮች በየሩብ ዓመቱ ይጨምሩ"
አካታች ቋንቋ እና ስፋት
ተደራሽነት በቴክኒካዊ ቁጥጥር ብቻ የተገደበ አይደለም; ቋንቋም አካታች ነው። ጾታን ("ተጠቃሚውን እና የትዳር ጓደኛዋን")፣ በችሎታ ላይ የተመሰረተ ("በጨረፍታ"፣"በቀላሉ መስማት") ላይ የተመሰረተ፣ ወይም ባህላዊ ግምቶችን የያዘ ጽሁፍ አንዳንድ ተጠቃሚዎችን ያስወግዳል። AI ጽሑፉን ከዚህ አንፃር መቃኘት ይችላል ፣ ግን እሱ የሚጠቁመው “ገለልተኛ” ቋንቋ ተፈጥሯዊ እና ሊረዳ የሚችል መሆኑን ማረጋገጥ አለብዎት ። ከመጠን በላይ ማረም ጽሑፍን ግራ የሚያጋባ ያደርገዋል።
ሶስት ጥቃቅን ጉዳዮች
ጉዳይ 1 - የንፅፅር ስህተቶች ቀደም ብለው ተይዘዋል. አንድ ቡድን የ20 ስክሪኖች የጽሑፍ ቀለሞችን AI ስካን አድርጎ ንፅፅሩ በ7 ቦታዎች ከAA ጣራ በታች መሆኑን ወስኗል። እርማቶቹ ወደ ልማት ሳይሄዱ ተደርገዋል; የቀጣይ እርማት ዋጋ ቀርቷል. ነገር ግን ቡድኑ አሁንም ትክክለኛውን የስክሪን አንባቢ ሙከራን አላለፈም።
ጉዳይ 2 - ከቀለም ጋር የተያያዘ መረጃ ብቻ ተስተካክሏል. አንድ ቅጽ የስህተት መስኮችን ከቀይ ድንበር ጋር ብቻ አሳይቷል። AI ይህንን ጠቁሟል; ቡድኑ በእያንዳንዱ ስህተት ላይ ጽሑፍ እና አዶዎችን አክሏል። የቀለም ዕውር ተጠቃሚዎች ስህተቱን ማየት ይችላሉ። ትምህርት: ቀለም ብቻውን መረጃ ማስተላለፍ አይችልም.
ጉዳይ 3 - AI አሳስቶ ማጽደቅ። አንድ ዲዛይነር አይአይን “ተደራሽ” ብሎ ስለጠራው የስክሪን አንባቢ ሙከራን ዘለለ። በእውነተኛው ሙከራ ፣ የትኩረት ቅደም ተከተል ግራ መጋባቱ እና አንዳንድ አዝራሮች በጭራሽ አልተነበቡም። ትምህርት: አውቶማቲክ ማረጋገጫ መጀመሪያ ነው; ትክክለኛ አጋዥ ቴክኖሎጂ መሞከር ግዴታ ነው።
ሊገለበጡ የሚችሉ ጥያቄዎች
ይህንን የበይነገጽ መግለጫ ለተደራሽነት አስቀድመው ይቃኙ፡1) በቀለም ብቻ የተሸከመ መረጃ አለ?2) ለእያንዳንዱ ጠቅ ሊደረግ የሚችል አካል የጽሑፍ መለያ አለ?3) በቁልፍ ሰሌዳ የማይደረስባቸው ክፍሎች አሉ?4) የትኩረት ትዕዛዙ ትርጉም አለው? እያንዳንዱን ችግር እና አስተያየት ይዘርዝሩ። ማስታወሻ አክል "እውነተኛ ሙከራ ያስፈልጋል"። የምግብ አሰራር፡ <<ጽሑፍ>>
ለእነዚህ ምስሎች አማራጭ ጽሑፍ ጠቁም። ደንብ፡ የምስሉን ተግባር/ትርጉም ያስተላልፉ እንጂ የጌጣጌጥ ዝርዝሩን አይደለም። ለአዝራር አዶዎች እርምጃውን ይፃፉ። ለጌጣጌጥ ምስሎች "የተለዋጭ ጽሑፍ ባዶ መተው አለበት" ይበሉ። የአውድ እና የምስል መግለጫዎች፡ << ዝርዝር>>
እነዚህን ፅሁፎች አካታች ቋንቋን ያረጋግጡ፡ የፆታ ግምቶች፣ በችሎታ ላይ የተመሰረተ አግላይ ቋንቋ (እንደ “ይመልከቱ”፣ “መስማት” ያሉ)፣ ባህላዊ ግምቶች አሉ? ተፈጥሯዊ ሆነው የሚቀሩ አማራጮችን ይጠቁሙ; ከልክ በላይ አትስተካከሉ. ጽሑፎች: << ዝርዝር>>
ሊደረስ የሚችል ስህተት ይጻፉ እና ለዚህ ቅጽ ጽሑፍ ይጻፉ፡ ለእያንዳንዱ መስክ የሚታይ መለያ፣ ለስክሪን አንባቢው መግለጫ እና ስህተቱን የሚገልጽ መልእክት፣ ቀለም (ጽሑፍ + አዶ) ምንም ይሁን። ድምጽ እና ቃና፡ <<ካርድ>>የቅጽ መስኮች፡ <<ዝርዝር>>
ደካማ ጥያቄ / ጠንካራ ጥያቄ
ደካማ፡ "ለዚህ ምስል አማራጭ ጽሑፍ ጻፍ።"
ውጤቱ: "ምስል" ወይም ከልክ በላይ ገላጭ ጽሑፍ ተግባሩን ያጣ.
ጠንካራ፡ "ለእነዚህ ምስሎች ተለዋጭ ጽሑፍ ጠቁም፣ የምስሉን ተግባር/ትርጉም ያስተላልፉ፣ ድርጊቱን ለአዝራር አዶዎች ይፃፉ፣ ያጌጡትን 'ባዶ መተው አለባቸው' ብለው ምልክት ያድርጉባቸው።"
ውጤቱ፡ አውዳዊ፣ ተግባር ተኮር፣ ትክክለኛ ንዑስ ጽሑፎች።
ልዩነት፡ ጠንካራ ጥያቄ ተግባራዊ ትኩረት + የአዝራር ኮንቬንሽን + የጌጣጌጥ ልዩነትን ያመጣል።
የተለመዱ ስህተቶች
- የተደራሽነት ዋስትና ሆኖ አርቴፊሻል ኢንተለጀንስ ማጽደቅን መሳሳት። ለእውነተኛ ሙከራ ምትክ አይደለም.
- መረጃን ወደ ቀለም መጫን ብቻ ነው። የቀለም ዕውር ተጠቃሚዎች መረጃ ይናፍቃሉ።
- በአልት ጽሁፍ ውስጥ ምስሉን ሳይሆን ተግባሩን ማብራራት. ለአዝራር አዶ አንድ ድርጊት መፃፍ አለበት።
- ተደራሽነትን ለመጨረሻ ጊዜ በመተው ላይ። በሽቦ ፍሬም ደረጃ ላይ ካልተጀመረ፣ በኋላ ላይ መታጠፍ ውድ ይሆናል።
- ከመጠን በላይ የተስተካከለ ቋንቋ። ተፈጥሯዊነትን የሚያጣው ሁሉን አቀፍ ቋንቋ መረዳትን ይጎዳል።
በማጠቃለያው
ተደራሽነት ማለት ምርቱ ለሁሉም ሰው የሚገኝ ነው; እሱ ተጨማሪ አይደለም፣ አስፈላጊ እና፣ በአብዛኛዎቹ ቦታዎች፣ ህጋዊ ሃላፊነት ነው። AI ለንፅፅር፣ ለተለዋዋጭ ጽሑፍ፣ ለቁልፍ ሰሌዳ ተደራሽነት እና ለአካታች የቋንቋ ቅኝት እንደ ፈጣን ቅድመ በረራ እና ረቂቅ ጀነሬተር ዋጋ አለው። ነገር ግን አውቶማቲክ ማፅደቅ አንዳንድ የWCAG ስህተቶችን ብቻ ይይዛል። ትክክለኛው ተደራሽነት ከስክሪን አንባቢዎች እና ከእውነተኛ አጋዥ ቴክኖሎጂ ተጠቃሚዎች ጋር በመሞከር የተረጋገጠ ነው። ሞዴሉን እንደ የፊት አሳሽ ይጠቀሙ፣ ማረጋገጫውን ከእውነተኛ ሙከራ ያግኙ።
የመተግበሪያ ተግባር
- በመጀመሪያው ጥያቄ ላይ ለተደራሽነት የበይነገጽ መግለጫን አስቀድመው ይቃኙ።
- በቀለም ላይ የተመሰረተ መረጃ ወይም ያልተሰየሙ ንጥሎችን ብቻ አስተካክል።
- በሁለተኛው ጥያቄ በማያ ገጽዎ ላይ ለሚታዩ ምስሎች ተግባር ተኮር alt ጽሑፎችን ይፍጠሩ።
- በሦስተኛው መጠየቂያ ጽሑፎችዎን አካታች ቋንቋ ካለ ያረጋግጡ።
- ከተቻለ ትክክለኛውን ሙከራ በስክሪን አንባቢ ይሞክሩ እና አውቶማቲክ ፍተሻው ምን እንደጠፋ ያስተውሉ.
የማረጋገጫ ዝርዝር
- [] ንፅፅርን፣ የቁልፍ ሰሌዳ መዳረሻን እና መለያዎችን አስቀድሜ ቃኘሁ።
- [ ] መረጃን በቀለም ላይ ብቻ አልተውኩም።
- [ ] ንዑስ ፅሑፎቹን ተግባራዊ በሆነ መንገድ ጻፍኩ እና ያጌጡትን ባዶ ተውኳቸው።
- [ ] ሁሉን ያካተተ የቋንቋ ቁጥጥር ሠራሁ፣ ተፈጥሯዊነትን ጠብቄአለሁ።
- [ ] አውቶማቲክ ማጽደቅ የተደራሽነት ዋስትና እንደሆነ አልቆጠርኩም።
- [ ] ትክክለኛ አጋዥ ቴክኖሎጂ ሙከራን አቅጄ/ተግብሬያለሁ።