ការធ្វើឱ្យគេហទំព័ររបស់អ្នកអាចប្រើបានសម្រាប់ជនពិការ

ទាក់ទាញអ្នកអានកាន់តែច្រើនដោយប្រើគេហទំព័រដែលត្រូវនឹងតម្រូវការរបស់អ្នកគ្រប់គ្នា

តាមរយៈការធ្វើអោយគេហទំព័ររបស់អ្នកអាចចូលទៅកាន់មនុស្សពិការបានអ្នកនឹងអាចធ្វើឱ្យមនុស្សគ្រប់គ្នាអាចចូលបាន។ តាមការពិតការធ្វើឱ្យគេហទំព័ររបស់អ្នកកាន់តែមានភាពងាយស្រួលអាចជួយមនុស្សរកគេហទំព័ររបស់អ្នកនៅក្នុងម៉ាស៊ីនស្វែងរក។ ហេតុអ្វី? ដោយសារតែម៉ាស៊ីនស្វែងរកប្រើសញ្ញាមួយចំនួនដូចគ្នាដែលអ្នកអានអេក្រង់ធ្វើដើម្បីស្វែងរកនិងយល់អំពីមាតិកានៃគេហទំព័ររបស់អ្នក។

ប៉ុន្តែយ៉ាងពិតប្រាកដតើអ្នកបង្កើតវេបសាយដែលអាចចូលដំណើរការដោយមិនចាំបាច់ក្លាយជាអ្នកជំនាញសរសេរកូដបានយ៉ាងដូចម្តេច?

នេះគឺជាគន្លឹះនិងល្បិចមួយចំនួនដែលស្ទើរតែគ្រប់គ្នាដែលមាន ចំណេះដឹងជាមូលដ្ឋានគ្រឹះនៃ HTML អាចប្រើដើម្បីបង្កើនលទ្ធភាពប្រើប្រាស់គេហទំព័ររបស់ពួកគេ។

ឧបករណ៍ប្រើប្រាស់អ៊ីនធឺណិត

W3C មានបញ្ជីដ៏អស្ចារ្យនៃឧបករណ៍ប្រើប្រាស់បណ្ដាញដែលអ្នកអាចប្រើជាអ្នកត្រួតពិនិត្យដើម្បីមើលបញ្ហាដែលមានសក្តានុពលជាមួយគេហទំព័ររបស់អ្នក។ ថាបាននិយាយថា, ខ្ញុំនៅតែផ្តល់អនុសាសន៍ធ្វើការស្វែងរកមួយចំនួនជាមួយកម្មវិធីអានអេក្រង់និងការពិសោធវាសម្រាប់ខ្លួនអ្នកផ្ទាល់។

ការអានដែលទាក់ទង: តើបច្ចេកវិទ្យាជំនួយអ្វីហើយតើវាដំណើរការយ៉ាងដូចម្តេច?

ការយល់ដឹងពីអ្នកអានអេក្រង់

មធ្យោបាយដ៏សំខាន់បំផុតមួយដែលអ្នកអាចធ្វើឱ្យប្រសើរឡើងនូវភាពងាយស្រួលនៃគេហទំព័ររបស់អ្នកគឺត្រូវប្រាកដថាវាអាចយល់បានដោយអ្នកអានអេក្រង់។ អ្នកអានអេក្រង់ប្រើសម្លេងសំយោគដើម្បីអានអត្ថបទនៅលើអេក្រង់។ វាស្តាប់មើលទៅស្អាតណាស់។ ទោះជាយ៉ាងណាក៏ដោយអ្នកអានអេក្រង់អាចមិនយល់ពីគេហទំព័ររបស់អ្នកតាមវិធីដែលអ្នកបានបង្កើត។

រឿងដំបូងដែលអ្នកចង់ធ្វើគឺសាកល្បងប្រើកម្មវិធីអានអេក្រង់និងមើលថាតើវាដំណើរការយ៉ាងដូចម្តេច។ ប្រសិនបើអ្នកកំពុងប្រើ Mac សូមសាកល្បងប្រើ VoiceOver ។

  1. ចូលទៅកាន់ ចំណង់ចំណូលចិត្តប្រព័ន្ធ។
  2. ជ្រើសរើស មធ្យោបាយងាយស្រួល។
  3. ជ្រើស VoiceOver ។
  4. ធីកប្រអប់ សម្រាប់បើក VoiceOver ។

អ្នកអាចបិទ / បើកវាដោយប្រើពាក្យបញ្ជា -F5 ។

ប្រសិនបើអ្នកស្ថិតនៅលើម៉ាស៊ីនវីនដូអ្នកប្រហែលជាចង់ទាញយក NVDA ។ អ្នកអាចកំណត់វាឡើងដើម្បីបិទ / បើកដោយប្រើឧបករណ៍បញ្ជាផ្លូវកាត់ + alt + n ។

អ្នកអានអេក្រង់ទាំងពីរដំណើរការដោយអនុញ្ញាតឱ្យអ្នកប្រើរុករកដោយក្តារចុច (នេះជាន័យ - ប្រសិនបើអ្នកមិនអាចមើលឃើញដោយប្រើកណ្តុរអាចជាបញ្ហាប្រឈមមួយ) និងដោយបង្កើតតំបន់ផ្តោតអារម្មណ៍សម្រាប់ការរុករក។ ការផ្តោតសំខាន់គឺសំខាន់ដែលក្តារចុចត្រូវបាន "ចង្អុល" ប៉ុន្តែជាធម្មតាវាត្រូវបានបង្ហាញជាប្រអប់ដែលបានបន្លិចជុំវិញវត្ថុផ្តោតអារម្មណ៍ជំនួសឱ្យទស្សន៍ទ្រនិច។

អ្នកអាចផ្លាស់ប្តូរទីលានសំលេងនិងល្បឿនដែលសម្លេងអានប្រសិនបើការកំណត់លំនាំដើមមានការរំខាន (ហើយបន្ទាប់ពីស្តាប់សម្លេងយឺតយ៉ាវប្រហែល 5 នាទីជាធម្មតាពួកគេជា) ។ មនុស្សពិការភ្នែកជាធម្មតាអានគេហទំព័រជាមួយអ្នកអានអេក្រង់របស់ពួកគេកំណត់ល្បឿនលឿន។

វាអាចជួយបិទភ្នែករបស់អ្នកនៅពេលអ្នកធ្វើវាប៉ុន្តែវាអាចជួយរក្សាឱ្យពួកគេបើកនិងប្រៀបធៀប។ អ្វីមួយដែលអ្នកអាចកត់សម្គាល់ភ្លាមៗនៅពេលអ្នកព្យាយាមស្ដាប់គេហទំព័ររបស់អ្នកគឺថាអត្ថបទខ្លះប្រហែលជាមិនមានសណ្តាប់ធ្នាប់។ ក្បាលនិងតុអាចមានបញ្ហា។ រូបភាពអាចត្រូវបានរំលងឬពួកគេអាចនិយាយថា "រូបភាព" ឬអ្វីមួយដែលមិនមានប្រយោជន៍ស្មើគ្នា។ តារាងមាននិន្នាការត្រូវបានអានជាស៊េរីនៃធាតុដោយគ្មានបរិបទ។

អ្នកអាច, សង្ឃឹម, ជួសជុលនេះ។

Alt-Tags ឬគុណលក្ខណៈជំនួស

គុណលក្ខណៈ alt alt ឬជំនួស (alt) ត្រូវបានប្រើក្នុង HTML ដើម្បីពិពណ៌នាអំពីរូបភាព។ ក្នុង HTML វាមើលទៅដូចអ្វីដែល:

សូម្បីតែអ្នកបង្កើតវេបសាយរបស់អ្នកជាមួយឧបករណ៍ដែលមើលឃើញលាក់កូដ HTML របស់អ្នកក៏ដោយអ្នកនឹងមានឱកាសដើម្បីបញ្ចូលការពិពណ៌នារូបភាព។ អ្នកមិនអាចបញ្ចូលអ្វីបានទេ (alt = "") ប៉ុន្តែវាពិតជាល្អប្រសើរជាងមុនដើម្បីឱ្យរូបភាពនីមួយៗមានការពិពណ៌នាដ៏មានប្រយោជន៍។ ប្រសិនបើអ្នកងងឹតភ្នែកតើអ្នកត្រូវដឹងអំពីរូបភាពអ្វី? "ស្ត្រី" មិនមែនជាជំនួយច្រើននោះទេប៉ុន្តែប្រហែលជា "គំនូរការរៀបចំគំនូរការរៀបចំគំនូរការរៀបចំរូបភាពការរចនានិងការរចនា។ "

ចំណងជើងអត្ថបទ

គេហទំព័រមិនតែងតែបង្ហាញស្លាកចំណងជើង HTML ទេប៉ុន្តែវាមានប្រយោជន៍សម្រាប់អ្នកអានអេក្រង់។ ត្រូវប្រាកដថាទំព័រវែបសាយនីមួយៗរបស់អ្នកមានចំណងជើងដែលពិពណ៌នា (ប៉ុន្តែមិនមានន័យហួសហេតុពេក) ដែលប្រាប់អ្នកទស្សនាថាតើទំព័រនេះនិយាយអំពីអ្វី។

ផ្តល់ឱ្យឋានានុក្រមពត៌មានល្អរបស់អ្នក

បំបែកកំណាត់អក្សរធំជាមួយបឋមកថាហើយបើអាចធ្វើបានសូម ប្រើបឋមកថាជាមួយ ឋានានុក្រម H1, H2, H3 យ៉ាងត្រឹមត្រូវ។ វាមិនត្រឹមតែធ្វើឱ្យគេហទំព័ររបស់អ្នកងាយស្រួលប្រើសម្រាប់អ្នកអានប៉ុណ្ណោះទេវាថែមទាំងជួយសម្រួលដល់អ្នកដទៃផងដែរ។ វាក៏ជាសញ្ញាល្អមួយសម្រាប់ Google និងម៉ាស៊ីនស្វែងរកផ្សេងៗទៀតដើម្បីជួយឱ្យគេហទំព័ររបស់ពួកគេកាន់តែប្រសើរឡើង។

ដូចគ្នានេះដែរអ្នកគួរប្រាកដថាគេហទំព័ររបស់អ្នកស្ថិតនៅក្នុងលំដាប់មាតិកាឡូជីខលហើយអ្នកមិនមានប្រអប់ព័ត៌មានដែលមិនទាក់ទងគ្នាលេចឡើង។ ប្រសិនបើអ្នកកំពុងប្រើការផ្សាយពាណិជ្ជកម្មសូមមើលថាការផ្សាយពាណិជ្ជកម្មរបស់អ្នកមិនទុកចិត្តពេកនិងបំបែកអត្ថបទនៅលើគេហទំព័ររបស់អ្នកញឹកញាប់។

ធ្វើឱ្យតារាងកាន់តែប្រសើរ

ប្រសិនបើអ្នកកំពុងប្រើតារាង HTML អ្នកអាចបន្ថែមចំណងជើងទៅតារាងរបស់អ្នកដោយប្រើស្លាកដើម្បីងាយស្រួលយល់ដោយអ្នកអានអេក្រង់ជាជាងគ្រាន់តែធ្វើចំណងជើងនៃតារាងជាអក្សរដិត។ អ្នកក៏អាចបន្ថែមធាតុ "វិសាលភាព" និងបញ្ជាក់ជួរដេកនិងជួរឈរថ្មីយ៉ាងច្បាស់នៅក្នុងតារាងរបស់អ្នកដូច្នេះអ្នកអានអេក្រង់មិនគ្រាន់តែដកចេញនូវស៊េរីតារាងកោសិកាដោយមិនផ្តល់បរិបទ។

ការរុករកក្តារចុច

ជាទូទៅអ្វីដែលអ្នកដាក់នៅលើគេហទំព័ររបស់អ្នកគួរតែជាអ្វីដែលមនុស្សម្នាក់អាចនិយាយបានដោយប្រើក្តារចុចតែប៉ុណ្ណោះ។ នោះមានន័យថាប៊ូតុងរុករករបស់អ្នកមិនគួរមានប៊ូតុងទម្លាក់ចុះប្រសិនបើអ្នកមិនអាចប្រើវាជាមួយកម្មវិធីអានអេក្រង់ (សាកល្បងវាហើយមើលថាអ្នកមិនប្រាកដ - ប៊ូតុងខ្លះត្រូវបានគេប្រើសម្រាប់ប្រើក្តារចុច។ )

បិទចំណងជើង

ប្រសិនបើអ្នកបន្ថែមវីដេអូឬធាតុអូឌីយ៉ូទៅគេហទំព័ររបស់អ្នកពួកគេគួរតែមានចំណងជើង។ HTML5 និងសេវាកម្មស្ទ្រីមវីដេអូជាច្រើន (ដូចជា YouTube) ផ្តល់ជូនការគាំទ្រចំណងជើងបិទជិត។ ចំណងជើងដែលបានបិទគឺមានប្រយោជន៍មិនត្រឹមតែសម្រាប់ភាពងាយស្រួលនោះទេប៉ុន្តែក៏សម្រាប់អ្នកប្រើដែលអាចត្រូវបានរកមើលតំបន់បណ្ដាញរបស់អ្នកនៅកន្លែងណាមួយដែលជាកន្លែងដែលពួកគេមិនអាចចាក់អូឌីយ៉ូដូចជានៅក្នុងការិយាល័យឬនៅទីតាំងរំខានមួយ។

សម្រាប់ផតឃែស្ថឬធាតុអូឌីយ៉ូផ្សេងទៀតពិចារណាផ្តល់ព្រឹត្តិបត្រអត្ថបទ។ វាមិនត្រឹមតែមានប្រយោជន៍សម្រាប់មនុស្សដែលមិនអាចស្ដាប់សំលេងបានទេដោយមានអត្ថបទនឹងធ្វើឱ្យវាកាន់តែងាយស្រួលសម្រាប់ Google និងម៉ាស៊ីនស្វែងរកផ្សេងទៀតដើម្បីកំណត់មាតិកានោះនិង ជួយឱ្យចំណាត់ថ្នាក់ Google របស់អ្នក

ARIA

ប្រសិនបើអ្នកចង់ចូលទៅកាន់កម្រិតនៃភាពងាយស្រួលកម្រិតខ្ពស់ការកំណត់របស់ HTML5 ARIA ឬ WAI-ARIA មានបំណងក្លាយជាស្តង់ដារថ្មីដែលនឹងឆ្ពោះទៅមុខ។ ទោះជាយ៉ាងណាក៏ដោយនេះគឺជាសៀវភៅបច្ចេកទេសស្មុគស្មាញ (និងវិវត្ត) ដូច្នេះអ្វីដែលអ្នកអាចធ្វើបានគឺប្រើសុពលភាព ARIA ដើម្បីស្កេនមើលថាគេហទំព័ររបស់អ្នកមានបញ្ហាណាមួយដែលអ្នកអាចដោះស្រាយ។ Mozilla ក៏មានមគ្គុទេសក៏ងាយស្រួលជាងមុនដើម្បីចាប់ផ្តើមជាមួយ ARIA ។