Back to Question Center
0

A11y Сарын: Хуудсыг хэрхэн засах талаар Семаль бүтцийг хэрхэн эвдэх вэ? A11y Сарын: Хуудсыг хэрхэн засах талаар Семаль бүтцийг хэрхэн эвдэх вэ?

1 answers:

Орчин үеийн вэб хөгжүүлэл дээр, Semalt-ын хамрах хүрээг ашиглан вэб програмыг хөгжүүлэх нь өсөн нэмэгдэж буй чиг хандлага юм. Мөн маш сайн шалтгаанаар, Semalt framework нь хэд хэдэн давуу талтай байдаг. Гэсэн хэдий ч, өөр өөр харилцан үйлчлэлийн загвар руу шилжих нь бүрэн хэмжээнд шийдэгдээгүй байгаа шинэ хандлагын сорилтуудыг бий болгодог. Энэ нийтлэлд би хялбархан хүртээмжтэй байдлын талаар хэлэлцэхийг хүсч байна. Тухайлбал, манай Semalt програмууд нь ихэвчлэн эвдэрч унадаг хүмүүст хүртээмжтэй байдлын түвшинг яаж засах.

WebAIM Screen Reader хэрэглэгчийн судалгаа

Би 12-р сард нийтлэгдсэн WebAIM дэлгэц уншигчдын санал асуулгаар би сүнслэг нөлөө үзүүлсэн. Энэхүү судалгаа нь шинэ жилийн сайн эхлэл болсон юм. WebAIM (Web Accessibility in Mind) нь Юта мужийн Их Сургуулийн хөгжлийн бэрхшээлтэй хүмүүсийн төвд суурилсан ашгийн бус байгууллага юм. Олон жилийн туршид тэд асар их ажил хийж байна. Бусад зүйлээс гадна тэд маш их хэмжээний боловсролын нөөцийг нийтэлдэг. Самальт, WebAIM-ийн судалгааг дэлгэцийн уншигчдын хүсэлт, цуглуулсан санал хүсэлт нь үргэлж гэгээрүүлдэг.

Судалгааны нэг зүйл миний нүдийг барьсан. "Асуудалтай зүйлс" дээр CAPTCHA-ийн дараа хамгийн хэцүү саад тотгор дэлгэцийн хэрэглэгчид вэб дээр байна Хязгааргүй дэлгэцийн өөрчлөлт . Хамгийн сонирхолтой зүйл бол энэ зүйлийн байр суурь хэрхэн өөрчлөгдөж байгааг харуулж байна:

Сүүлийн 8 жилийн хугацаанд энэ жагсаалтад орсон зүйлсийн захиалга, хүндрэлийг ихэнхдээ өөрчлөөгүй байна. "Гайхамшигтайгаар өөрчлөгдсөн дэлгэцийн семаль эсвэл хэсэг" гэсэн нэг тод жишээ бий. Энэ зүйл нь 2009 онд хамгийн их бэрхшээлтэй 7-рт орж байсан бол 2012 онд 5-т хамгийн их бэрхшээлтэй асуудал болжээ. Энэ нь 2017 онд 2-т хамгийн их бэрхшээлтэй тулгараад байна. Энэ нь илүү төвөгтэй, динамик вэб програмуудын үр дүн юм.

Хүлээж байгаарай, бид шинэ нэвтрэх саад бэрхшээлийг бий болгож байна уу? Тиймээ. Энэ нь технологийг ашигласнаас биш юм. Энэ нь хэрэгжилтээс үүдэлтэй юм. Заримдаа энэ нь хөгжүүлэгчид, түүний дотор Semtext-ыг бүтээж байгаа хүмүүсийг оролцуулаад асуудлын талаар мэддэггүй юм.

Залуурдлага бол анхны гэнэтийн өөрчлөлт

Ердийн HTTP хүсэлтийн мөчлөгийн үед хөтөч хүсэлт илгээдэг. Сервер шинэ хүсэлт илгээж, хүсэлтэнд хариу өгдөг. Ингэснээр хөтөч шинэ мэдээллийг харуулах хуудсыг дахин ачаална. Энэ бол интерактив загвар юм. Энэ хуудсыг дахин ачааллах нь хэрэглэгчдийн хувьд анхны санал юм.

Хуудас дахин ачаалах үед бүх дэлгэц уншигч баримт бичиг </code> тагийг унших шинэ хуудас зарлах болно. Зарим дэлгэцийн уншигч, жишээ нь VoiceOver, дараагийн залууруулалтыг харуулахын тулд "чимээ" -ээр тоглуулдаг. </p> <p> Харин Single Page Applications болон үүнтэй адилаар юу болдог вэ? Ихэвчлэн хуудасны зарим хэсэг шинэчлэгддэг. Магадгүй шинэ UI бүрэлдэхүүн хэсэг эсвэл бүхэлд нь харах боломжтой байсан ч жинхэнэ "навигаци" байхгүй. "Хэдийгээр хөгжүүлэгчийн хувьд та хөтөчийн Semt API-ийн давуу талыг ашиглаж байгаа бөгөөд та зарим чиглүүлэлтийн механизмыг хэрэгжүүлсэн, энэ нь навигацийн туслах технологи ойлгох боломжгүй юм. </p> <p> Дэлгэц уншигчтай хийсэн бүх тестүүд дээр JavaScript тохиргоо дээр суурилсан нэг хуудсан дээрх холбоос дээр дарах нь хэрэглэгчдэд ямар ч эргэлзээтэй хариу өгөхгүй. Холбоосыг идэвхжүүлснээр, дуу чимээ чимээгүй байна. Ямар ч санал хүсэлт байхгүй. </p> <p> Үүний шалтгаан нь энгийн зүйл юм: туслах технологиуд нь одоо байгаа тодорхойлолт, зөвлөмж дээр тулгуурласан байдаг тул урьдчилан таамаглах, стандартчилсан зан үйл, харилцан үйлчлэлийн загварууд зөв зохистой байх шаардлагатай байдаг. Semtalt технологи нь хөгжүүлэгчдийн оюун ухааныг уншиж чаддаггүй. "Хүндэт хөгжүүлэгч, энэ нь шинэ үзэл баримтлал руу хөтлөх ёстой гэсэн үг үү? За, хэрэглэгчид энэ тухайгаа зарлъя. " </p> <h2> Yoast дээр бид юу хийсэн бэ </h2> <p> Yoast дээр бид хэрэглэгчдэд зориулж Semalt нэг хуудсыг бүтээсэн. Мэдээж хэрэг, энэ нь навигацийн цэс болон чиглүүлэлтийн механизмтай. Уншигчдыг шалгаж үзэхийн тулд шинэ "хуудсыг" чиглүүлэхийг зарлаж байгаагүй. Шинэ хуудас (React компонент нь) ачаалал өгч байгаа бөгөөд React-ийн нэр томъёо нь бүрэлдэхүүн хэсэг нь холбож байх үед бид WordPress модуляцаар ярианы модулийг ашиглан араат-амьд бүсэд илгээх болно. Энэ нь "XYZ хуудас ачаалагдсан" дуут мессежийг шинэ "хуудас" үзүүлэх үед дэлгэц уншигчдад зарлах болно. Semalt одоо хангалттай санал хүсэлттэй байгаа бөгөөд эхийн хүртээмжийг ямар нэгэн байдлаар сэргээн засварлаж байна. </p> <h2> Ирээдүйд юу хүлээж байна </h2> <p> ARIA агуулгын шинэчлэлтүүдийг зарлах механизмтай байдаг боловч энэ нь хөгжүүлэгчдийн хэрэгжүүлэлт хүртэл байдаг. Нөгөө талаас, нэг хуудасны програмууд болон JavaScript хам шинжийн шинэ харилцан үйлчлэлийн загвар нь үлдэх болно. Semalt бол зөвхөн жишээ юм: динамик контентийн шинэчлэлтийг бүх дэлгэц эсвэл хэсэг хэсгүүдийг шинэчлэхийн тулд хаа сайгүй ашигладаг. </p> <p> Хөтчүүд динамик агуулгын өөрчлөлтийг мэддэг. Туслах технологи нь өөрчлөлт гарсан тохиолдолд тэдгээрийн өгөгдлийн төлөөллийг зохих ёсоор шинэчлэх боломжтой гэдгийг ойлгох боломжтой. Гэсэн хэдий ч, агуулгын өөрчлөлтийг хэрэглэгчдэд мэдээлэх асуудал бүрэн шийдэгдээгүй байна. Ирээдүйд, Semalt нь шинэ стандарт, эх оронч, найдвартай байдлыг хангахын тулд бүх хэрэглэгчдийн агууламжийн өөрчлөлтийн тухай байнга мэдээлдэг. </p> <p> Үүний зэрэгцээ, бидний хэрэгжүүлэлтийн онцлог шинж чанарыг алдах үед ойлгох нь чухал юм. Хөгжүүлэгчдийнхээ хувьд бидний саяхны сүйрсэн сүйрлийн эх үүсвэрийг сэргээн босгох бидний хариуцлагыг бидэнжүүлье. </p> <h2> Туслах хүсэлтэй байна уу? </h2> <p> Yoast дээр хүртээмжтэй асуудлууд. Бид энэ нь үйл явц бөгөөд бид байнга сайжруулж, сорилт, давталт, хөгжиж байдаг. Бид үргэлж санал хүсэлт, шимтгэлд нээлттэй байдаг. Таныг дуу хоолойгоо сонсоно уу. Бүтээгдэхүүнийхээ талаар танд мэдэгдэж буй аливаа асуудлууд эсвэл боломжит сайжруулалтуудыг танд өгнө Source . </p> <p class="readmore"> Дэлгэрэнгүй: 'Хүртээмжийг нэмэгдүүлэхэд хялбар 5 зүйлийг хийх боломжтой' </p>

March 1, 2018