საიტის ხელმისაწვდომობის საკონტროლო სია მცირე ბიზნესისა და მაღაზიებისთვის

წარმოიდგინეთ მომხმარებელი, რომელიც ეკრანის წამკითხველს იყენებს. ის პოულობს სასურველ კედებს, ირჩევს ზომას და აჭერს ღილაკს, რომელიც, მისი აზრით, კალათის ღილაკია. ეკრანის წამკითხველი ამბობს: „ღილაკი“. მეტს არაფერს. გვერდზე სამი ასეთი ღილაკია და არცერთს სახელი არ აქვს, ამიტომ ის მიდის, თქვენ კი ვერასოდეს გაიგებთ, რატომ.

მცირე ბიზნესის საიტებზე ხელმისაწვდომობის პრობლემების უმეტესობა ასე გამოიყურება: მფლობელისთვის უხილავია, მომხმარებლისთვის კი ჩიხია. ეს საკონტროლო სია მათთვისაა, ვინც Shopify-ზე, WooCommerce-ზე, Wix-ზე ან Squarespace-ზე აწყობილ საიტს შტატიანი დეველოპერის გარეშე მართავს.

უნდა იყოს თუ არა ჩემი მცირე ბიზნესის საიტი ხელმისაწვდომი?

თუ ევროკავშირის მომხმარებლებს ყიდით, სავარაუდოდ, დიახ. ევროპის ხელმისაწვდომობის აქტი (იხსნება ახალ ჩანართში) 2025 წლის 28 ივნისიდან ელექტრონული კომერციის მომსახურებაზე ვრცელდება. მთავარი გამონაკლისი მომსახურების მიმწოდებელ მიკროსაწარმოებს ეხება: ბიზნესებს, სადაც 10-ზე ნაკლები ადამიანი მუშაობს და წლიური ბრუნვა ან ბალანსის ჯამი 2 მილიონ ევროს არ აღემატება.

ელექტრონული კომერცია აქ ნიშნავს დისტანციურ გაყიდვას ვებსაიტით ან აპლიკაციით, „მომხმარებლის ინდივიდუალური მოთხოვნით, სამომხმარებლო ხელშეკრულების დადების მიზნით“ (მუხლი 3(30)). ონლაინ მაღაზია ან დაჯავშნის სისტემა ამ განმარტებაში ჯდება. გამონაკლისი მხოლოდ მომსახურებას ეხება: აქტით მოცული პროდუქტების, მაგალითად ელექტრონული წიგნების წამკითხველების, გაყიდვისას პროდუქტის წესები მაინც მოქმედებს (მუხლი 4(5)). არც ევროკავშირის გარეთ ყოფნა გიშველით: საქართველოში ან გაერთიანებულ სამეფოში რეგისტრირებული მაღაზია, რომელიც საფრანგეთში მყოფ კლიენტებს ყიდის, მათთან მიმართებით აქტის ფარგლებშია (მუხლი 3(4)) და იმ ქვეყნის კანონს ემორჩილება, სადაც ყიდის. ჩვენს სახელმძღვანელოში ევროპის ხელმისაწვდომობის აქტის შესახებ ეროვნული კანონები და ჯარიმებია აღწერილი.

გაერთიანებული სამეფოს 2010 წლის თანასწორობის აქტი (იხსნება ახალ ჩანართში) შეზღუდული შესაძლებლობის მქონე ადამიანებისთვის გონივრულ მორგებას მოითხოვს, მაგრამ ვებსაიტებისთვის ტექნიკურ სტანდარტს არ ადგენს. აშშ-ში იუსტიციის დეპარტამენტის 2022 წლის მარტის სახელმძღვანელოს (იხსნება ახალ ჩანართში) თანახმად, საზოგადოებისთვის ღია ბიზნესებმა თავიანთი ონლაინ შეთავაზებები ხელმისაწვდომი უნდა გახადონ, ხოლო ისეთი სტანდარტები, როგორიცაა WCAG, „სასარგებლო მითითებებს იძლევა“. რასაც არ უნდა ამბობდეს კანონი, მომხმარებელი, რომელიც შეკვეთის გაფორმებას ვერ ასრულებს, ვერაფერს იყიდის.

ხელმისაწვდომობის რომელი პრობლემები გვხვდება ყველაზე ხშირად ვებსაიტებზე?

ექვსი ხარვეზი დომინირებს. WebAIM Million 2026-ში (იხსნება ახალ ჩანართში), ერთი მილიონი წამყვანი საიტის მთავარი გვერდის ავტომატურ სკანირებაში, რომელიც 2026 წლის თებერვალში ჩატარდა, გვერდების 95,9%-ზე WCAG-ის შეცდომები აღმოჩნდა, საშუალოდ 56,1 შეცდომა გვერდზე. ყველაზე ხშირი პრობლემა დაბალკონტრასტული ტექსტი იყო, რომელიც მთავარი გვერდების 83,9%-ზე დაფიქსირდა.

WCAG, ანუ ვებ-კონტენტის ხელმისაწვდომობის სახელმძღვანელო პრინციპები, ამ შემოწმებების საფუძველია; კანონების უმეტესობა მის AA დონეზე მიუთითებს, ჩვენი სახელმძღვანელო WCAG 2.2-ის შესახებ კი უახლეს ვერსიას ხსნის. ქვემოთ მოცემული შემოწმებებიდან ზოგიერთს ვერცერთი სკანერი ვერ შეაფასებს.

შეუძლია თუ არა ყველას თქვენი ტექსტის წაკითხვა და სურათების გაგება?

აქედან დაიწყეთ, რადგან ეს გამოსწორებები იაფია და უმეტესობას თავად გააკეთებთ საიტის რედაქტორში. ტექსტს საკმარისი კონტრასტი სჭირდება, ინფორმაციის მატარებელ სურათებს ალტერნატიული ტექსტი, და არაფერი უნდა ეყრდნობოდეს მხოლოდ ფერს. Colour Blind Awareness-ის (იხსნება ახალ ჩანართში) მონაცემებით, ფერთა აღქმის დარღვევა დაახლოებით ყოველ მე-12 მამაკაცს და ყოველ 200-ე ქალს აქვს.

• კონტრასტი. ჩვეულებრივ ტექსტს ფონთან სულ მცირე 4,5:1 კონტრასტის კოეფიციენტი (იხსნება ახალ ჩანართში) სჭირდება, დიდ ტექსტს სულ მცირე 3:1. შეამოწმეთ თქვენი ფერები, მათ შორის ბანერის ფოტოებზე განთავსებული ტექსტი, უფასო შემმოწმებელში. ჩვენი სახელმძღვანელო ფერთა კონტრასტის შესახებ გიჩვენებთ გამოსწორებებს, რომლებიც ბრენდის იერსახეს ინარჩუნებს.
• პროდუქტის ალტერნატიული ტექსტი. აღწერეთ ის, რაც მყიდველს სჭირდება: „მუქი ლურჯი შალის სვიტერი მაღალი, გადაკეცილი საყელოთი, წინა ხედი“ ბევრად ჯობს „პროდუქტის სურათი 1“-ს. დაიწყეთ ათი ყველაზე გაყიდვადი პროდუქტით.
• დეკორატიული სურათები. ფონის ორნამენტს ცარიელი ალტერნატიული ტექსტი უნდა ჰქონდეს, რომ ეკრანის წამკითხველმა გამოტოვოს. ზოგი პლატფორმა ცარიელ alt ველს ფაილის სახელით ავსებს, ამიტომ თქვენიც შეამოწმეთ.
• მხოლოდ ფერი. „მარაგში არ არის“, რომელიც მხოლოდ ნაცრისფრად შეღებილი ნიმუშით ჩანს, ან სავალდებულო ველი, რომელიც მხოლოდ წითლად არის მონიშნული, ყველამდე ვერ მივა. დაათვალიერეთ გვერდი ტელეფონის შავ-თეთრი ფილტრით და დაამატეთ სიტყვა ან ხატულა ყველგან, სადაც აზრი იკარგება.
• მასშტაბირება. ბრაუზერის 200%-იანი მასშტაბირებისას ტექსტი უნდა გაიზარდოს ისე, რომ არაფერს გადაეფაროს და არ მოიჭრას, მენიუ კი ისევ უნდა მუშაობდეს.
• გვერდის ენა. ნებისმიერი უფასო შემმოწმებელი აღნიშნავს, თუ ენა მითითებული არ არის. ეს თემის პარამეტრია ან შაბლონში ერთი სტრიქონის ცვლილება.

შეუძლიათ თუ არა ადამიანებს თქვენი საიტით სარგებლობა კლავიატურით?

ბევრი ადამიანი ინტერნეტს მაუსის გარეშე ათვალიერებს: ეკრანის წამკითხველის მომხმარებლები, ხელის კანკალის ან შეზღუდული მოძრაობის მქონე ადამიანები და ყველა, ვისაც ტრეკპედი ახლახან გაუფუჭდა. მაუსი გვერდზე გადადეთ და დააჭირეთ Tab-ს. ყველა ბმულს, ღილაკსა და ფორმის ველს ლოგიკური თანმიმდევრობით უნდა მიაღწიოთ, ყოველთვის უნდა ხედავდეთ, სად ხართ, და არსად უნდა გაიჭედოთ.

• ხილული ფოკუსი. კონტური უნდა აჩვენებდეს, რომელი ელემენტია აქტიური, და მას არ უნდა ფარავდეს მიმაგრებული ზედა ზოლი ან ჩატის ბუშტი (WCAG 2.2-ის 2.4.11, „ფოკუსი არ იფარება“). ბევრი თემა კონტურს იერსახის გულისთვის აშორებს; დეველოპერს მისი დაბრუნება შეუძლია.
• ხაფანგების გარეშე. კლავიატურით გახსენით მენიუ, ზომის ამრჩევი, ამომხტარი ფანჯრები და ფოტოგალერეა, აირჩიეთ რამე და სცადეთ გამოსვლა. ამომხტარი ფანჯრები Escape-ით უნდა იხურებოდეს.
• სახელები ხატულებისთვის. ყველა ხატულა-ბმულსა და ღილაკს სჭირდება სახელი, რომელსაც ეკრანის წამკითხველი წაიკითხავს, მაგალითად „კალათა, 2 ნივთი“. „დააწკაპუნეთ აქ“ შეცვალეთ სიტყვებით, რომლებიც ამბობს, საით მიდის ბმული.
• გადასვლის ბმული და სათაურები. Tab-ზე პირველმა დაჭერამ, იდეალურ შემთხვევაში, ბმული „შიგთავსზე გადასვლა“ უნდა გამოაჩინოს. WebAIM-ის 2024 წლის გამოკითხვაში ეკრანის წამკითხველის მომხმარებელთა შორის (იხსნება ახალ ჩანართში) რესპონდენტების 71,6%-მა თქვა, რომ გრძელ გვერდზე ნავიგაციას სათაურებით იწყებს, ამიტომ გამოიყენეთ სათაურების ნამდვილი დონეები და არა მუქი შრიფტი.
• შესახები სამიზნეები. WCAG 2.2 მოითხოვს, რომ სამიზნეები სულ მცირე 24 × 24 CSS პიქსელი იყოს ან გარშემო საკმარისი სივრცე ჰქონდეს (წარმატების კრიტერიუმი 2.5.8 (იხსნება ახალ ჩანართში)).

შეუძლია თუ არა ყველას თქვენი ფორმების, კალათისა და შეკვეთის გაფორმების ბოლომდე გავლა?

შეკვეთის გაფორმება ის ადგილია, სადაც ხელმისაწვდომობის პრობლემები პირდაპირ ფულს გიჯდებათ, ამიტომ გატესტეთ ის თავიდან ბოლომდე, მათ შორის ისიც, რა ხდება შეცდომის დროს. ყველა ველს ხილული წარწერა სჭირდება, შეცდომის შეტყობინება პრობლემას სიტყვებით უნდა ხსნიდეს, სისტემაში შესვლა კი არ უნდა იყოს დამოკიდებული მეხსიერების ტესტებზე ან თავსატეხებზე. თქვენი გადახდის პროვაიდერის გვერდებიც ითვლება.

• წარწერები და არა მინიშნებები. ველის შიგნით ჩაწერილი მინიშნება (placeholder) ქრება, როგორც კი ადამიანი აკრეფას იწყებს, და ხშირად ზედმეტად მკრთალიცაა. ყველა ველს სჭირდება წარწერა, რომელიც ხილული რჩება.
• შეცდომის შეტყობინებები. ფორმა ცარიელი გაგზავნეთ. ყველა შეცდომა სიტყვებით უნდა იყოს დაწერილი („შეიყვანეთ საფოსტო ინდექსი, მაგალითად 0105“), შესაბამის ველთან იდგეს და ეკრანის წამკითხველმა წაიკითხოს; მარტო ველის ჩარჩოს გაწითლება საკმარისი არ არის.
• ორჯერ ნუ იკითხავთ. შესთავაზეთ „საგადახდო მისამართი იგივეა“ და ნუ აიძულებთ ადამიანებს, მიწოდების მისამართი ხელახლა აკრიფონ. WCAG 2.2-მა ეს A დონის მოთხოვნად აქცია: 3.3.7, „განმეორებითი შეყვანა“.
• სისტემაში შესვლა. მიეცით საშუალება, პაროლები და ერთჯერადი კოდები ჩასვან და პაროლების მენეჯერები გამოიყენონ. ჩასმის დაბლოკვა WCAG 2.2-ის ხელმისაწვდომი ავთენტიფიკაციის კრიტერიუმს (იხსნება ახალ ჩანართში) ვერ აკმაყოფილებს, თუ შესვლის სხვა გზას არ სთავაზობთ.
• CAPTCHA. WebAIM-ის 2024 წლის გამოკითხვაში ეკრანის წამკითხველის მომხმარებლებმა CAPTCHA ინტერნეტში ყველაზე პრობლემურ ელემენტად დაასახელეს. თუ ბოტებისგან დაცვა გჭირდებათ, მოერიდეთ ვიზუალურ თავსატეხებს და ყოველთვის შესთავაზეთ არავიზუალური ალტერნატივა.
• დროის ლიმიტები. თუ კალათის ან დაჯავშნის შენახვის ვადა იწურება, ადამიანებს წინასწარ გააფრთხილეთ და ვადის გაგრძელების საშუალება მიეცით.

თუ შეკვეთის გაფორმების ნაწილები თქვენს პლატფორმას ან გადახდის პროვაიდერს ეკუთვნის, მაინც გატესტეთ, პრობლემები შეატყობინეთ და ცნობილ პრობლემებად ჩამოთვალეთ.

რა ვუყოთ cookie-ების ბანერებს, ამომხტარ ფანჯრებსა და ჩატის ვიჯეტებს?

თქვენი მომხმარებლებისთვის მესამე მხარის სკრიპტები თქვენი საიტის ნაწილია. Cookie-ების ბანერი, რომელიც კლავიატურით არ იხურება, ყველა გვერდს ბლოკავს, ხოლო გამოწერის ამომხტარმა ფანჯარამ, რომელიც შეკვეთის შუაგულში ფოკუსს იტაცებს, შეიძლება გაყიდვა ჩაშალოს. გატესტეთ ყველა დამატებული სკრიპტი და ახლის დაყენებამდე მომწოდებელს ხელმისაწვდომობაზე ჰკითხეთ.

• Cookie-ების ბანერი. შეგიძლიათ Tab-ით მიაღწიოთ თანხმობისა და უარის ღილაკებს, წაიკითხოთ ისინი 200%-იანი მასშტაბირებისას და შემდეგ იქიდან განაგრძოთ, სადაც იყავით?
• ამომხტარი ფანჯრები. ფოკუსი ფანჯარაში უნდა გადავიდეს, იქ დარჩეს მის დახურვამდე და შემდეგ უკან დაბრუნდეს. Escape-მა ფანჯარა უნდა დახუროს.
• ჩატის ვიჯეტები. ღილაკს სახელი სჭირდება, ფანჯარა კლავიატურით უნდა იხსნებოდეს და იხურებოდეს, ტელეფონზე კი ღილაკს „გადაიხადეთ ახლა“ არ უნდა ფარავდეს.
• კარუსელები. ყველაფერს, რაც ავტომატურად ხუთ წამზე მეტ ხანს მოძრაობს, შეჩერების, გაჩერების ან დამალვის საშუალება სჭირდება (WCAG 2.2 (იხსნება ახალ ჩანართში), წარმატების კრიტერიუმი 2.2.2).
• ჩაშენებული ელემენტები. შეფასებების ვიჯეტები, რუკები და დაჯავშნის ხელსაწყოებიც თქვენს გვერდზეა. ხარვეზების შესახებ მომწოდებელს აცნობეთ.

მუშაობს თუ არა თქვენი ვიდეოები, PDF ფაილები და მენიუები ყველასთვის?

ვიდეოს სუბტიტრები სჭირდება, აუდიოს ტრანსკრიპტი, მნიშვნელოვანი ინფორმაცია კი მხოლოდ PDF-ში ან სურათში არ უნდა იყოს. რესტორანი, რომლის მენიუ დასკანერებული PDF-ია, ან მაღაზია, რომლის ზომების ცხრილი ფოტოა, გარიყავს ეკრანის წამკითხველის მომხმარებლებს და ყველას, ვისაც ტელეფონზე მასშტაბის გადიდება სჭირდება.

• სუბტიტრები და ტრანსკრიპტები. ავტომატური სუბტიტრები გამოქვეყნებამდე შეასწორეთ. პოდკასტებს ტექსტური ვერსია სჭირდება.
• ტექსტის სურათები. მენიუები, ფასების ჩამონათვალი, ზომების ცხრილები და სამუშაო საათები ჩვეულებრივ ვებგვერდზე განათავსეთ. თუ PDF აუცილებელია, ტექსტურ რედაქტორიდან სათაურებითა და თეგებით გამოიტანეთ და ნაბეჭდი ფურცლის სკანირებით ნუ შექმნით.
• ძველი ფაილები. EAA არ მოითხოვს 2025 წლის 28 ივნისამდე გამოქვეყნებული საოფისე ფაილების ან წინასწარ ჩაწერილი აუდიოსა და ვიდეოს გამოსწორებას, არც იმ არქივებისა, რომლებსაც აღარ ანახლებთ (მუხლი 2(4)). ახალი ფაილები აქტის ფარგლებშია.

რისი გასწორება შემიძლია თავად და როდის მჭირდება დეველოპერი ან აუდიტი?

შიგთავსის პრობლემების უმეტესობას CMS-ში თავად გაასწორებთ: ალტერნატიულ ტექსტს, სათაურებს, ბმულების ტექსტს, ფერებს, სუბტიტრებს და ფორმების ბევრ წარწერას. თემის დონის პრობლემებს, როგორიცაა ფოკუსის სტილების არქონა, კლავიატურის ხაფანგები და არასტანდარტული ჩამოსაშლელი სიები, დეველოპერი სჭირდება. აუდიტს ყველაზე მეტი აზრი მაშინ აქვს, როცა საბაზისო პრობლემები უკვე გასწორებულია, ან რედიზაინის გაშვებამდე.

სად ჯდება ჩვენნაირი ვიჯეტი? ვიზიტორის მხარეს მოთავსებული პანელი, როგორიცაა SiteAccessible, ადამიანებს საშუალებას აძლევს, გაზარდონ კონტრასტი, გაადიდონ ტექსტი ან ჩართონ კითხვის სახაზავი. ეს ზოგ ვიზიტორს ეხმარება, მაგრამ ამ სიიდან არცერთ პუნქტს არ ხურავს: უსახელო ღილაკი უსახელოდ რჩება, კლავიატურის ხაფანგი კი ხაფანგად. ჯერ საიტი გაასწორეთ, ვიჯეტი კი დამატებად მიიჩნიეთ.

როგორ აღვრიცხო, რა გავაკეთე?

აწარმოეთ მარტივი ჟურნალი: რა გატესტეთ, როდის, რა გაასწორეთ და რა არის ჯერ კიდევ გაუმართავი, შემდეგ კი გულწრფელი შეჯამება ხელმისაწვდომობის განცხადებაში გამოაქვეყნეთ. თუ EAA თქვენზე ვრცელდება, ასევე უნდა გამოაქვეყნოთ ინფორმაცია იმაზე, როგორ აკმაყოფილებს თქვენი მომსახურება ხელმისაწვდომობის მოთხოვნებს, როგორც წესი, ზოგად პირობებში ან ეკვივალენტურ დოკუმენტში.

ეს მეორე ვალდებულება დირექტივის V დანართიდან მომდინარეობს; ფორმატს ეროვნული კანონი ადგენს. ჩვენს სახელმძღვანელოში ხელმისაწვდომობის განცხადების დაწერის შესახებ შაბლონს იპოვით, რომელსაც თქვენს საიტს მოარგებთ. შემდეგ კი ეს რუტინა შეინარჩუნეთ:

1. გაიარეთ საკონტროლო სია სამ მთავარ გვერდზე და ყოველი ხარვეზის სკრინშოტი გადაიღეთ.
2. შიგთავსის პუნქტები ამავე კვირაში თავად გაასწორეთ.
3. თემისა და შეკვეთის გაფორმების პუნქტები დეველოპერს გადაეცით, ყველაზე მძიმეებით დაწყებული.
4. ყოველი გამოსწორება ხელახლა შეამოწმეთ შემმოწმებლითაც და კლავიატურითაც.
5. გამოაქვეყნეთ ან განაახლეთ თქვენი განცხადება, თარიღით.
6. გაიმეორეთ ყოველთვის, როცა აპლიკაციას დაამატებთ, თემას შეცვლით ან ახალ სარეკლამო გვერდს გაუშვებთ.