უფრო მეტი მკითხველის მოზიდვა საიტი, რომელიც შეესაბამება ყველას მოთხოვნებს
შეზღუდული შესაძლებლობის მქონე ადამიანებისათვის თქვენი ვებ-გვერდის შექმნით თქვენ დასრულდება ყველასთვის ხელმისაწვდომი. სინამდვილეში, თქვენი ვებსაიტის ხელმისაწვდომობის გაზრდა შესაძლოა საძიებო სისტემებში თქვენს ვებ-გვერდსაც კი დაეხმარება. რატომ? იმის გამო, რომ საძიებო სისტემებს იყენებენ იმავე სიგნალები, რომ ეკრანის მკითხველი გააკეთოს იმისათვის, რომ იპოვოთ და გაიგოთ შინაარსი თქვენი ვებ-გვერდი.
მაგრამ ზუსტად როგორ გააკეთებთ ხელმისაწვდომ ვებსაიტს კოდირების ექსპერტის გარეშე?
აქ არის რამოდენიმე რჩევები და ხრიკები, რომ თითქმის არავის ძირითადი HTML ცოდნა შეუძლია გამოიყენოს გასაუმჯობესებლად მათი ნახვა ხელმისაწვდომობა.
ვებ ხელმისაწვდომობის ინსტრუმენტები
W3C აქვს ფანტასტიური სია ვებ ხელმისაწვდომობის ინსტრუმენტები შეგიძლიათ გამოიყენოთ როგორც შემოწმება, რათა დაასაბუთოს პოტენციური პრობლემები თქვენი ნახვა. რომ განაცხადა, მე მაინც გირჩევთ აკეთებს ზოგიერთი შეისწავლოს ერთად ეკრანზე მკითხველს და განიცდის მას თავს.
დაკავშირებული კითხვა: რა არის დამხმარე ტექნოლოგია და როგორ მუშაობს იგი?
გაგება ეკრანის მკითხველი
ერთ-ერთი ყველაზე მნიშვნელოვანი გზაა თქვენი ვებ-გვერდის ხელმისაწვდომობის გაუმჯობესება, რათა დარწმუნდეთ, რომ ეკრანის მკითხველს შეუძლია გაიგოს. ეკრანის მკითხველი გამოიყენებს სინთეზურ ხმას ეკრანზე ტექსტის წაკითხვისთვის. ეს საკმაოდ მარტივია; თუმცა ეკრანის მკითხველს შეიძლება არ ესმოდეს თქვენი ვებსაიტი ისე, როგორც ეს ამჟამად არის შექმნილი.
პირველი, რაც შეიძლება გააკეთოთ, არის გასაკეთებელი ეკრანის მკითხველს და ვნახავთ, როგორ მიდის. თუ თქვენ ხართ Mac- ზე, სცადეთ VoiceOver.
- სისტემის პარამეტრები.
- აირჩიეთ ხელმისაწვდომობა.
- აირჩიეთ ხმოვანი.
- შეამოწმეთ ყუთი VoiceOver- ის ჩართვისთვის.
შეგიძლიათ გადაიტანოთ იგი და გამორთოთ ბრძანება F5.
თუ თქვენ Windows- ზე ხართ, შეგიძლიათ ჩამოტვირთოთ NVDA. შეგიძლიათ დააყენოთ იგი გამორთვაზე და გამორთვა ღილაკი + alt + n.
ორივე ეკრანის მკითხველი მოქმედებს კლავიატურაზე მომხმარებლის ნავიგაციისთვის (ეს აზრია - თუ ვერ ხედავთ, თაგვის გამოყენებით იქნება გამოწვევა) და ნავიგაციისთვის ფოკუსის არეალის შექმნით. აქედან გამომდინარე, ფოკუსი არსებითია, სადაც კლავიატურა "აღნიშნა", მაგრამ ეს, როგორც წესი, ნაჩვენებია ხაზგასმით, როგორც კურსორის ნაცვლად.
თქვენ შეგიძლიათ შეცვალოთ როგორც ხმის მოედანზე და იმ სიჩქარეზე, სადაც ხმა იკითხება, თუ ნაგულისხმევი პარამეტრები შემაშფოთებელია (და დაახლოებით 5 წუთი სტანდარტული ნელა კითხვის მოსმენისას, ჩვეულებრივ). უსინათლოები ჩვეულებრივ წაიკითხებიან ვებ-გვერდებზე მათი ეკრანის მკითხველების მიერ მაღალ სიჩქარებზე.
ეს შეიძლება დაეხმაროს თვალების დახუჭვას, როგორც ამას აკეთებთ, მაგრამ ის ასევე დაეხმარება მათ გახსნას და შეადაროთ. ზოგიერთი რამ, რაც შეიძლება დაუყოვნებლივ შეამჩნევთ, როდესაც სცადეთ თქვენი ვებსაიტის მოსმენა, არის ის, რომ ზოგიერთი ტექსტი შეიძლება იყოს შეკვეთა. სასაუბრები და მაგიდები შეიძლება დაიმსხვრა. სურათები შეიძლება იყოს გამოტოვებული ან შეიძლება თქვან "გამოსახულება" ან რაღაც თანაბრად წარუმატებელი. მაგიდები, როგორც წესი, წაიკითხავს კონტექსტის გარეშე.
თქვენ შეგიძლიათ, იმედია, გაასწორონ ეს.
Alt-Tags ან ალტერნატიული ატრიბუტი
Alt-tag ან ალტერნატიული (alt) ატრიბუტი გამოიყენება HTML- ში გამოსახულების აღსაწერად. HTML- ში, ეს ასე გამოიყურება:
მაშინაც კი, თუ თქვენი ვებ-გვერდი ვიზუალური ინსტრუმენტია, რომელიც მალავს თქვენს HTML კოდს, თითქმის ყოველთვის მოგეწოდებათ გამოსახულების აღწერილობა. თქვენ შეგიძლიათ არაფერი შეიყვანოთ (alt = ""), მაგრამ მართლაც კარგი იქნებოდა, რომ თითოეული გამოსახულება სასარგებლო აღწერა იყოს. თუ იყო ბრმა, რა უნდა იცოდეთ სურათზე? "ქალი" არ არის ბევრი დახმარება, მაგრამ იქნებ "ქალი ხატვის დიზაინი ნაკადის ჩარტში მათ შორის ხელმისაწვდომობა, გამოყენებადობა, ბრენდინგი, და დიზაინი."
სათაური ტექსტი
ვებ-გვერდები ყოველთვის არ არიან HTML სათაურით, მაგრამ ეს გამოსადეგია ეკრანის მკითხველებისთვის. დარწმუნდით, რომ თქვენი ვებ-გვერდის გვერდებზე აღწერილია აღწერითი (მაგრამ არა ზედმეტად სიტყვიერი) სათაური, რომელიც ეუბნება სტუმრებს, თუ რა გვერდია.
მიეცით თქვენს ვებსაიტს კარგი ინფორმაცია იერარქია
სათაურების დიდი მოცულობების გატეხვა, და, თუ ეს შესაძლებელია, გამოიყენეთ H1, H2, H3 იერარქიის შესაბამისი სათაურები . არა მხოლოდ ის ქმნის თქვენს ვებ გვერდს ეკრანის მკითხველებისთვის, რაც ყველასთვის ადვილია. ეს ასევე დიდი სიგნალია Google და სხვა საძიებო სისტემებისთვის, რათა დაეხმაროს მათ უკეთეს ინდექსს.
ანალოგიურად, თქვენ უნდა დავრწმუნდეთ, რომ თქვენი ვებ საიტი ლოგიკური შინაარსის წესრიგშია და რომ თქვენ არ გაქვთ ყუთების არასწორი ინფორმაცია. თუ რეკლამას იყენებთ, უყურეთ, რომ თქვენი რეკლამები არ არის ზედმეტად ინტრუზიული და თქვენს ვებსაიტზე ძალიან ხშირად წაშლა.
უკეთესი მაგიდები
თუ HTML ცხრილები იყენებთ, შეგიძლიათ დაამატოთ თქვენი ცხრილებისთვის ცხრილების გამოყენებით, რათა უფრო ადვილად გასაგები გახადონ ეკრანის მკითხველი, ვიდრე უბრალოდ მაგიდის სათაური თამამი ტექსტით. თქვენ ასევე შეგიძლიათ დაამატოთ "მასშტაბი" ელემენტი და მკაფიოდ წარადგინოთ ახალი სტრიქონები და სვეტები თქვენს მაგიდაზე ისე, რომ ეკრანის მკითხველს უბრალოდ არ უშლის მაგიდის უჯრედების სერიას.
კლავიატურის ნავიგაცია
ზოგადად, თქვენს ვებსაიტზე განთავსებული არაფერი უნდა იყოს ისეთი, რომ ვინმეს შეეძლო მხოლოდ კლავიატურაზე იყენებდა. ეს იმას ნიშნავს, რომ თქვენი ნავიგაციის ღილაკები არ უნდა იყოს ანიმაციური ვარდნის ღილაკები, თუ ეკრანის მკითხველს ვერ გამოიყენებთ. (სცადეთ და თუ არა დარწმუნებული ხართ, ზოგიერთი ღილაკი განკუთვნილია კლავიატურის გამოყენებისათვის.)
დახურული სუბტიტრები
თუ თქვენს ვებ-გვერდზე ვიდეო ან აუდიო ელემენტები დაამატებთ, მათ უნდა ჰქონდეთ სუბტიტრები. HTML5 და ბევრი ვიდეო ნაკადი მომსახურება (როგორც YouTube) გთავაზობთ დახურულ წარდგენას მხარდაჭერას. დახურული სუბტიტრები სასარგებლოა არა მარტო ხელმისაწვდომობისთვის, არამედ მომხმარებლებისთვის, რომლებიც შესაძლოა იხილოთ თქვენი ვებსაიტი სადმე, სადაც მათ არ შეუძლიათ აუდიოჩანაწერი, მაგალითად ოფისში ან ხმაურიან ადგილას.
პოდკასტებისთვის ან სხვა აუდიო ელემენტებისთვის, განიხილეთ ტექსტის ტრანსკრიპტის უზრუნველყოფა. არა მარტო ის სასარგებლოა, ვისაც აუდიო არ შეუძლია, რომ ტექსტი უფრო ადვილად გახდის Google- ს და სხვა საძიებო სისტემებს ინდექსზე, რომ შინაარსი და კონტენტი დაეხმარება თქვენს Google რეიტინგს .
არია
თუ გსურთ წვდომის მაღალ დონეზე წასვლა, HTML5 ARIA ან WAI-ARIA სპეციფიკაციები ახალ სტანდარტს მიაღწევენ. თუმცა, ეს არის რთული (და ვითარდება) ტექნიკური სახელმძღვანელო, ასე რომ, რა შეიძლება გააკეთოთ გამოიყენოთ ARIA Validator სკანირება, რომ ნახოთ თუ თქვენი ნახვა აქვს რაიმე საკითხები შეგიძლიათ მიმართოთ. Mozilla- ს ასევე აქვს უფრო ხელმისაწვდომი გზამკვლევი ARIA- სთან ერთად.