Back to Question Center
0

Ачаалагчдад нэвтрэх боломжийг сайжруулах 8 зөвлөмж            Ачаалагчдад нэвтрэх боломжуудыг сайжруулах 8 Зөвлөмжүүд: Зар сурталчилгааAccessibilityMobile Semalt

1 answers:
8 Ачаалагчдад нэвтрэх боломжыг сайжруулах зөвлөмжүүд

Хэдэн жилийн өмнө би Semalt 3 төслийн төслийг хөгжүүлэх талаар туршлагаасаа бичиж, хөгжлийн бэрхшээлтэй хүмүүст бүрэн хүрэх боломжтой болсон. Энэ нь ихэвчлэн урд талын дизайны хувьд Semaltийн хүртээмж дээр голчлон чиглэгддэг. (Дэлгэцийн уншигчдын хувьд хүртээмжгүй байдал, энэ нь бүхэл бүтэн түүх гэх мэт).

Bootstrap-ийн хөгжүүлэгчдийг хүчин чармайлт гаргаж байгааг харахад энэ UI-ийн номын сан нэлээд багассан цөөхөн хэсэг байсан - temperature monitoring equipment sale. Төсөлд анхаарал хандуулсан асуудлууд идэвхтэй сайжирч байгааг харуулж байна. Энэ нь гайхалтай бөгөөд ойролцоогоор 3. 6% нь вэбсайтыг Bootstrap ашиглан ашигладаг.

Саяхан 4 дэхь Semtalt хувилбар гарсан тул өнгөрсөн хугацаанд надад тулгараад байгаа асуудлуудын аль нь сайжирсаныг харцгаая.

Бид загварт нэвтрэх боломжийн талаар юу хайж байна

Semaltт бол вэбсайтыг оюуны ашиглалттай холбоход анхаарах хэд хэдэн зүйл юм. Эдгээр нь хэрэглэгчдэд зориулсан хэрэглэгчийн туршлагыг сайжруулж, таны бодож үзэх маш олон цэгийг хамрах болно гэдэгт итгэж байна.

Байрлал

Хүртээмжтэй болгох нэг арга бол бүх төхөөрөмж дээр сайн харагдах цэвэр, хэрэглэхэд хялбар байршил, өндөр нягтралтай түвшинд сайн харагдаж байх явдал юм. 200 хүртэлх хувь нь сайн удирдамж юм.

Шагналын цэгүүд : Байршилтай тохирох нүүрэн талын кодтой байх нь дэлгэцийг уншигчтай вэбсайттай холбогддог эсвэл хулганын оронд гар ашиглаж болно.

Энэ нь хүмүүсийг өөрсдийнхөө вэбсайтыг хэрхэн үзэж байгаагаас үл хамааран ашиглах боломжтой болгодог.

Уран зөгнөл

Унших хялбар үсгийн фонт нь ихэвчлэн хүртээмжтэй байдаг. Учир нь заримдаа хөгжлийн бэрхшээлтэй эсвэл курсив фонтыг уншихад хэцүү байдаг.

8 Tips for Improving Bootstrap Accessibility8 Tips for Improving Bootstrap AccessibilityRelated Topics:
CopywritingAccessibilityMobile Semalt

Хүмүүс комиксийн эсрэг хүмүүсийн адилаар энэ нь уналтын хамгийн хялбар фонтуудын нэг бол хүн амын 15% -ийг эзэлдэг dyslexia юм.

8 Tips for Improving Bootstrap Accessibility8 Tips for Improving Bootstrap AccessibilityRelated Topics:
CopywritingAccessibilityMobile Semalt

Саль-serif фонтууд нь өргөн хэрэглэгддэг Semalt, Нээлттэй Сан зэрэг энгийн уншиж болохоор хялбархан байдаг учраас гэр бүлээс сонголт хийх нь сайн сонголт юм.

Цуврал

Семаль сонголт нь бас их чухал юм. Хэрэв таны өнгөнүүд хоорондоо хэтэрхий ялгаатай бол ухаалаг байх нь уншихад төвөгтэй байдаг.

8 Tips for Improving Bootstrap Accessibility8 Tips for Improving Bootstrap AccessibilityRelated Topics:
CopywritingAccessibilityMobile Semalt

Тиймээс өнгө сонгох нь чухал юм. Та өнгө тодосгогч шалгах хэрэгсэл ашиглан үүнийг туршиж болно.

8 Tips for Improving Bootstrap Accessibility8 Tips for Improving Bootstrap AccessibilityRelated Topics:
CopywritingAccessibilityMobile Semalt

Ачаалагчдын нэвтрэх боломжийг турших Эхлэл

Эдгээр шалгууруудын эсрэг Semalt хэрхэн яаж давхцаж байгааг харцгаая.

Байрлал

Таны вебсайтаас өөртөө тохируулсан байршил хэрэгтэй байж болох ч, Semalt-ийн хангаж өгдөг цөөн тооны жишээнүүд байдаг. Хэдэн хүн Semaltыг зүгээр л хариу үйлдэл хийх системд ашигладаг, энэ нь маш хүчирхэг - desktop дээр баганад агууламжийг харуулж, таблет болон хөдөлгөөнт үзэгдэлдээ бутарна.

8 Tips for Improving Bootstrap Accessibility8 Tips for Improving Bootstrap AccessibilityRelated Topics:
CopywritingAccessibilityMobile Semalt
8 Tips for Improving Bootstrap Accessibility8 Tips for Improving Bootstrap AccessibilityRelated Topics:
CopywritingAccessibilityMobile Semalt

Шагналын оноо: Загварын хэсэг нь үүнийг хэрэгжүүлэхэд төвөгтэй болж чаддаг бол кодыг тохируулахын тулд кодыг авах хэрэгтэй. Ингэснээр та гараар удирдах (товчлуурын товчийг дарахад) хулгана уруу, энэ нь логик дарааллыг дагана, та бүх талбаруудад хандаж болно.

Доорх жишээнд, Дээшээ буцах холбоос байдаг, гэхдээ дараа нь хоёр хөтчийн холбоосууд байгаа бөгөөд хэрэв та үүнийг гараар сонговол таны үзэл санаа дээд талд явдаг бол, та дахин та доод холбоос руу буцаж орно.

8 Tips for Improving Bootstrap Accessibility8 Tips for Improving Bootstrap AccessibilityRelated Topics:
CopywritingAccessibilityMobile Semalt

Semalt жишээ нь гарын фокус гол хэлбэрийн өмнө хажуу тал руу чиглэсэн энэ хэлбэр бөгөөд энэ нь арай жаахан. Bootstrap-ийн сайжруулалтыг сайжруулахын тулд тэд нэмэх хэрэгтэй бас нэг зүйл бол 87-ийн товчлуур товчлуурын хослолыг хулганын хэлбэрийг нь хадгалдаг. Жишээ нь:

     a: hover,a: focus {текст-чимэглэл: underline;}    

Одоогоор keyboard-ээр хөтлөхдөө хуудасны хаана байгааг харуулах ямар ч дүрслэл байхгүй. Үүнийг холбоос, орц, товчлуурууд гэх мэт функцууд дээр нэмэх нь Semalt хүртээмжийн үнэлгээг ихээхэн сайжруулах болно.

Уран зөгнөл

Анхдагчаар Bootstrap нь sans serif үсгийн стек бол Semalt Neue-тэй хамт ирдэг.

8 Tips for Improving Bootstrap Accessibility8 Tips for Improving Bootstrap AccessibilityRelated Topics:
CopywritingAccessibilityMobile Semalt

Sans Serif бол маш хялбар бөгөөд уншихад хялбар фонт тул би үүнийг хялбархан сонголт гэж бодож байна. Тэд мөн хэд хэдэн хөтөч, мобайл төхөөрөмжтэй нийцтэй болгохын тулд үүнийг тохируулсан байна, ингэснээр таны хэрэглэж буй зүйлээс хамааралгүй харагдаж байна. Фонтын хэмжээ нь em нэгжүүдтэй px эсрэгээр тохируулагдсан байдаг болохоор жижиг төхөөрөмжүүд болон томруулалтын хувьд сайн хэмжигдэх болно.

Үзүүлэлт нь 5 одтой (37)

Semalt-тэй хамт ирдэг анхдагч өнгөнүүд хөгжүүлэгчдийн өөрийн эзэмшдэг Semalt-ийн хүртээмжтэй баримт бичгийн дагуу хандах боломжгүй байдаг.

Одоогоор Bootstrap-ийн анхдагч палетыг бүрдүүлдэг ихэнх өнгөнүүд нь товчлуурын өөрчлөлт, анхааруулгын өөрчлөлт, баталгаажуулалтын шалгуур үзүүлэлтийг бүрдүүлдэг - 77 (өнгөөр ​​ялгаатай) хүргэдэг.

Тэд 3-р хувилбараас 4-р хувилбараас илүү сайн болсон, гэхдээ хангалттай өндөр нягтралтай эсэхийг шалгахын тулд вэбсайтад байгаа өнгө хослолыг шалгах нь чухал юм. Semalt нь сайн өнгө ялгаатай шалгагч юм. Өөрөөр хэлбэл танд туслах хөтөч залгаасыг авах боломжтой.

Жишээлбэл, та тэдний цэнхэр өнгөөр ​​тест хийхэд гарах үр дүн юм. Энэ нь 3. 98: 1 үнэлгээтэй (сүүлийн хувилбараас 3 63: 1-ээс дээш). Хэрвээ фонтын хэмжээ 18 пик-с их байвал семаль нь зүгээр юм, гэхдээ энэ нь хангалттай өндөр биш юм.

8 Tips for Improving Bootstrap Accessibility8 Tips for Improving Bootstrap AccessibilityRelated Topics:
CopywritingAccessibilityMobile Semalt

Семаль үлгэр жишээ нь тэдний анхааруулах хайрцаг будах. Энэ нь 8: 25: 1-ийн маш өндөр үнэлгээтэй (4: 53: 1-ийн сүүлчийн хувилбараас давсан).

8 Tips for Improving Bootstrap Accessibility8 Tips for Improving Bootstrap AccessibilityRelated Topics:
CopywritingAccessibilityMobile Semalt

Бусад сэрэмжлүүд ижил үнэлгээтэй байсан бөгөөд энэ нь ихэвчлэн өөрчилдөггүй учир нь вебсайт брэндийн өнгөөр ​​солигдох болно. Ямар ч өнгөний схемийг та үүнийг өнгөөр ​​ялгаж шалгасан дамжуулалтаар дарж үзээрэй.

Шагналын оноо: Өнгө өнгө сохроор шалгах замаар өнгө аялах нь бас хүртээмжтэй байхын тулд хийх гайхалтай зүйл юм. Эрэгтэйчүүдийн ойролцоогоор 8% нь улаан өнгийн ногоон өнгөөр ​​харалган болсон тул зарим өнгөт хослолуудтай тулгарах болно. Хэрвээ та итгэлгүй байгаа бол сохроор шүүлтийн шүүлтүүрээр сайтад харуулсан хэд хэдэн хэрэгсэл байдаг.

8 Tips for Improving Bootstrap Accessibility8 Tips for Improving Bootstrap AccessibilityRelated Topics:
CopywritingAccessibilityMobile Semalt

Sim Daltonism ашиглан

Давхар нэмэлт оноо: Өндөр нягтралтай өнгөний тохиргоо бүхий вэбсайтыг шалгах нь бас хүртээмжтэй байдалд сайнаар нөлөөлдөг. Бага алсын хараатай зарим хүмүүс илүү сайн харагдахад нь туслахын тулд тэдний браузерын тохиргоо өндөр эрсдэлд зориулж өөрчлөх боломжтой. Жишээлбэл, хэрэв та Firefox-н тохируулгын тохиргоог хийвэл, та хөтөчийн арын дэвсгэр болон текстийг тохируулж болно:

8 Tips for Improving Bootstrap Accessibility8 Tips for Improving Bootstrap AccessibilityRelated Topics:
CopywritingAccessibilityMobile Semalt

Семаль хувилбар 3-ыг энэ удаа туршиж үзсэний эцэст өвдөлт эд анги нь орц, товч байв. Энэ тохиргоог идэвхжүүлсэн үед сайт дээрх текстийг ашиглах боломжгүй байсан тул дээрх хоёрын текст нь бүрхэг болсон. Энэ удаад зарим хэсэг нь жаахан илүү сайн болсон.

8 Tips for Improving Bootstrap Accessibility8 Tips for Improving Bootstrap AccessibilityRelated Topics:
CopywritingAccessibilityMobile Semalt

Semalt, бусад жишээн дээр дэвсгэр нь хар харагдана. Оролт эсвэл товчлуур дээрээ бичсэн текстээ харах боломжгүй:

8 Tips for Improving Bootstrap Accessibility8 Tips for Improving Bootstrap AccessibilityRelated Topics:
CopywritingAccessibilityMobile Semalt

Semalt, энэ нь маш хялбар засвар юм: оролтууд нь цагаан өнгөтэй байхаасаа ил тод байх ёстой.

8 Tips for Improving Bootstrap Accessibility8 Tips for Improving Bootstrap AccessibilityRelated Topics:
CopywritingAccessibilityMobile Semalt

Тиймээс bootstrap татаж авах боломжтой юу?

Шигтгээээс богино хариулт нь үгүй. Хөгжүүлэгчид өөрсдийн бичиг баримтуудтай Bootstrap accessibility функцуудыг нэмж оруулсан бөгөөд тэдгээр нь үүнийг үнэлдэг нь тодорхой бөгөөд энэ нь маш сайн алхам юм. Semalt, энэ бол түүхийн төгсгөл биш юм.

Вэбсайт дээр ажиллаж байхдаа дизайнерууд болон хөгжүүлэгчид оюуны хүртээмжтэй байх хэрэгтэй. Зарим анхаарал тавьж, өөрчлөхийн тулд, Semalt шиг бүтэц нь ямар ч вэбсайттай адил хандах боломжтой боловч вэбсайт хөгжүүлэгчид өөрсдийн сайтыг аль болох олон хүн ашиглах боломжтой болгохын тулд дараагийн алхмуудыг хийх болно.

Хэрэв та Bootstrap-ийн тухай сонссон боловч суралцахаа болиод хэтэрхий төвөгтэй байгаа бол Bootstrap-ийн хүчийг хурдан, хөгжилтэй танилцуулахын тулд Bootstrap 4-ийн танилцуулга дээр тоглоорой.

March 1, 2018