როგორ გავხადოთ თქვენი ვებ გვერდი შეზღუდული შესაძლებლობის მქონე პირთათვის

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


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

ზოგიერთ შემთხვევაში, ხელმისაწვდომობის უზრუნველყოფის მიზეზები იურიდიულ სფეროში ვრცელდება. მაგალითად, წიგნების შესახებ არსებობს კანონები, რომელთა თანახმად, აშშ – ს ფედერალური მთავრობის მიერ შემუშავებული ან შეძენილი ყველა ვებ – გვერდი უზრუნველყოფს შეზღუდული შესაძლებლობის მქონე პირთათვის. გაერომ ასევე შექმნა მსგავსი სახელმძღვანელო მითითებები. გარდა ამისა, ზოგიერთ ვებსაიტს მოსთხოვა სასამართლოებმა შეასრულონ შეზღუდული შესაძლებლობის მქონე ამერიკელების კანონი (ADA) და ამ დროისთვის ყველა საგანმანათლებლო დაწესებულებას ურჩია ჰქონდეთ ხელმისაწვდომი ვებსაიტები.

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

რჩევები ხელმისაწვდომი ვებსაიტის შესაქმნელად

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

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

მოკლედ, W3C- ის თანახმად: „ვებგვერდზე წვდომა ნიშნავს, რომ შეზღუდული შესაძლებლობის მქონე პირს შეუძლია შეზღუდოს შეზღუდული შესაძლებლობის მიუხედავად, გამოიყენოს ვებ“ (წყარო). წვდომის ამ დონის მიღწევა მიზანია Web Content Accessibility სახელმძღვანელო პრინციპების (WCAG) 2.0, რომელიც W3C– დან მოქმედი სტანდარტია..

დაიწყეთ თქვენი პროექტი გონებით ხელმისაწვდომობით

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

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

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

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

სტრუქტურა HTML სწორად

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

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

ვიზუალური შინაარსით მუშაობა

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

არასოდეს დაუთმო ფერი მხოლოდ ერთს, ინფორმაციის გადასაცემად

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

არ გამოიყენოთ CSS, კრიტიკული ინფორმაციის მიწოდებისთვის

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

გთავაზობთ ალტერნატივებს აუდიოსა და ვიდეო შინაარსს

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

გამოიყენეთ აღწერითი ბმული ტექსტი

ეკრანის მკითხველის გამოყენებით ვიზიტორები დამოკიდებულია ბმულის ტექსტზე, რათა დაადგინონ, თუ სად მიდის ბმული. შედეგად, ბმულები, როგორიცაა “დაწვრილებით”, ან ბმულები გამოსახულებებზე, რომლებიც არ წარმოადგენენ alt- ტექსტს, არ არის ხელმისაწვდომი ამ ვიზიტორებისთვის. ტექსტურ ბმულებს უნდა იყენებდეს მოკლე აღწერილ ტექსტს, მაგალითად, ”წაიკითხეთ ჩვენს შესახებ” ნაცვლად “წაიკითხე მეტი” ეს ბმული არის მარტივი გასაგები და ადვილი იქნება დამსვენებლებისთვის, რომლებიც იყენებენ მეტყველების ამოცნობის პროგრამას, გახსოვდეთ და გაიმეორონ.

სიფრთხილე გამოიჩინეთ დინამიური შინაარსის გამოყენებისას

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

შეიტყვეთ და გამოიყენეთ ARIA როლები

ვებ წვდომის ინიციატივისთვის ხელმისაწვდომი მდიდარი ინტერნეტ პროგრამების (WAI-ARIA) რეკომენდაცია არის W3C სპეციფიკაცია, რომელიც შექმნილია ვებგვერდის დეველოპერებისთვის, რათა უფრო ხელმისაწვდომი გახდეს დინამიური შინაარსი. ARIA– ს მთელი სპეციფიკაცია ემსახურება სერიოზულ კვლევებს დეველოპერების მიერ, მაგრამ ყველას, ვინც წერს HTML– ს, უნდა მიიღოს დრო, რომ შეიტყოს ახალი როლის ატრიბუტის და aria-label ატრიბუტის შესახებ, რომელიც შეიძლება მიენიჭოს ნებისმიერ HTML ელემენტს. ეს ატრიბუტები სასარგებლოა ვიზიტორებისთვის გარკვეული გაუფასურების დინამიური საიტების ნავიგაციაში.

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

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

წვდომის შემოწმება

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

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

Დამატებითი რესურსები

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

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

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

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

WebAIM არის კიდევ ერთი ორგანიზაცია, რომელიც ეხმარება ვებ რომ გახადოს უფრო ხელმისაწვდომი, და ისინი გთავაზობთ უამრავ სასარგებლო რესურსს სხვადასხვა გაუფასურების შესახებ ინფორმაციის მისაღებად, შემდეგი ინსტრუმენტებისა და სიმულაციების ჩათვლით:

  • სექცია 508 ჩამონათვალი: ეს სასარგებლო ჩამონათვალი დაგეხმარებათ, რომ თქვენი დიზაინი შეესაბამება 508 სექციის მოთხოვნებს.
  • WCAG 2.0 ჩამონათვალი: თუ თქვენი მიზანია ვებ – შინაარსის წვდომის სახელმძღვანელო პრინციპების დაცვა, (WCAG) 2.0, ეს ჩამონათვალი დაგეხმარებათ გადაამოწმოთ, რომ თქვენი დიზაინი შეესაბამება სტანდარტს.
  • ფერი კონტრასტის შემოწმება: უბრალოდ შეიყვანეთ შრიფტის ფერი და ფონის ფერი, რათა დადგინდეს, თუ შეესაბამება ორ კონტრასტს WCAG სტანდარტებთან.
  • ეკრანზე მკითხველის სიმულაცია: გაითვალისწინეთ, თუ როგორ განიცდიან სტუმრები, რომლებიც ეკრანის მკითხველს იყენებენ ამ სიმულაციით.
  • დაბალი ხედვის სიმულაცია: ეს სიმულაცია საშუალებას გაძლევთ უყუროთ ვებსაიტს ისე, რომ მიბაძოთ სხვადასხვა ხედვის დარღვევას, როგორიცაა გლაუკომა, კატარაქტა და მაკულარული გადაგვარება..
  • დისლექსიის სიმულაცია: ეს მარტივი სავარჯიშო საშუალებას მოგცემთ გაითვალისწინოთ ის, თუ რა გსურთ სცადოთ და წაიკითხეთ dyslexia, ასე რომ თქვენ მიიღებთ უფრო მეტ დაფასებას იმ გამოწვევებით, რომლებსაც პრობლემები ექმნებათ ვიზიტორების მიერ საიტის ნავიგაციაში..
  • სისუსტეების სიმულაცია: ეს სიმულაცია მოგცემთ გრძნობას, თუ რა გავლენას ახდენს ტანჯვა და შეიძლება დაგეხმაროთ, რომ დააფასოთ ყურადღების შემცირება, შექმნილია ვებსაიტების ღირებულება..
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map