WCAG LÀ GÌ, WEBSITE CẦN NHỮNG TIÊU CHUẨN GÌ

Giới thiệu

Lúc trước khi mình đi thi di động Hackathon, có 1 nhóm đoạt quán quân là làm về ứng dụng đọc tin tức cho người mù, mình đã định về nghiên cứu và phân tích thêm về nghành nghề này nhưng quên béng đi mất.Bạn đang xem: Wcag là gì

Cũng trùng hợp, ngay sát đây, các bạn mình - Hoàng Phan bao gồm làm dự án của cty cũng tò mò về cách xây đắp website/ứng dụng cho những người khuyết tật. Hi vọng series của Hoàng sẽ giúp đỡ ích đến những chúng ta đang mày mò về chủ đề này nhé. 

Cách bạn khuyết tật tiếp cận với webiste của chúng ta – Phần 1

Thời gian vừa rồi mình bao gồm tìm hiểu cách để nội dung của một trang web rất có thể tiếp cận cùng với các đối tượng người dùng người dùng khuyết tật như bị khiếm thị, khiếm thính, suy sút vận động…

Và series này bản thân sẽ chia sẻ những kỹ năng mình đã mày mò được, làm thế nào người khuyết tật tiếp cận được với thành phầm của bạn, cách bạn đưa website tiếp cận cùng với các đối tượng khuyết tật.

Bạn đang xem: Wcag là gì, website cần những tiêu chuẩn gì


*

Accessibility – Chôm tự google image

TỔNG phổ biến CHUYÊN MỤC NÀY MÌNH SẼ CÓ 3 PHẦN

Phần 1: gọi về WCAGPhần 2: Cách fan khuyết tật tiếp cận với website của bạnPhần 3: Lộ trình gửi website đến với người khuyết tật

PHẦN 1: HIỂU VỀ WCAG

Để khám phá về cách người khuyết tật tiếp cận cùng với website, thì ta hãy tìm hiểu về bộ tiêu chuẩn WCAG để biết nó giúp gì cho việc tiếp cận nhé.

WCAG là gì?

WCAG là một bộ tiêu chuẩn trong gây ra website, được tổ chức W3C chỉ dẫn nhằm xác định cách tạo cho nội dung Web dễ tiếp xúc hơn với người khuyết tật.

4 nguyên tắc

Nó tất cả 4 nguyên tắc thiết yếu đó là: perceivable, operable, understandable, với robust.

1. Perceivable

Các thành phần thông tin và User Interface bắt buộc được trình bày sao cho tất cả những người dùng không chỉ là hiểu mà hoàn toàn có thể thông qua các thiết bị khác, fan khuyết tật rất có thể cảm nhận được nội dung của thông tin.


*

Khi một hình hình ảnh bị thiếu alternative text text, thì các thiết bị/app reader screen tất yêu đọc được nội dung của hình ảnh. Người dùng (mù/khiếm thị) sẽ không biết hình ảnh này diễn đạt về điều gì cả.

2. Operable

Các nhân tố về giao diện và navigation có thể hoạt động tốt. Web của người sử dụng phải làm sao đó để trải qua các trang bị như keyboard, nút ấn, … nhưng mà vẫn tinh chỉnh và điều khiển được website của bạn 1 cách dễ dàng. Như cách biến hóa focus, cấu tạo của page, thời gian đọc và sử dụng nội dung, di chuyển từ module này sang trọng module không giống trên thuộc 1 page mà fan dùng có thể cảm nhấn rằng họ đang tại đoạn đó của trang web của bạn.

Xem thêm: Sửa Lỗi Youtube Trên Tivi Lg, 1️⃣Bạn Đang Gặp Lỗi Tivi Không Vào Được Youtube


*

Các trang auto redirect, thì nên có thời hạn đủ để những người khuyết tật như mù lòa, thị lực kém, tinh giảm về thừa nhận thức rất có thể cần nhiều thời hạn hơn nhằm đọc nội dung. Vị đó cần thiết kế lượng thời gian cho phù hợp.

3. Understandable

Các tin tức và operation của UI đề xuất dễ hiểu, thiên về nội dung của trang web phải dễ đọc, dễ dàng hiểu, điều phối nhất quán, dễ dàng đoán được vị trí hướng của điều hướng, góp tránh lỗi hoặc tất cả lỗi cùng với các thông tin lỗi rõ ràng, …


*

tabindex nên đặt làm thế nào cho phù hợp, nhất quán, dễ dàng đoán để người tiêu dùng dễ điều phối khi sử dụng những thiệt bị như Single-switch access device, bàn phím

4. Robust

Các nội dung cung cấp phải đủ dũng mạnh để diễn tả từng nhân tố một cách đầy tin yêu đến cùng với user agents cùng các technology hỗ trợ. Trải qua parsing, cách đặt name, role, với value cho các thẻ html, cách truyền thiết lập status message


*

Đánh giá qua 3 cấp cho độ

Và WCAG nó review các tiêu chuẩn chỉnh (gọi là tiêu chí thành công) phụ thuộc 3 lever (A-AA-AAA). Bởi các tiêu chuẩn thành công được tổ chức dựa trên tác động của chúng đối với thiết kế, cấp độ càng cao, thiết kế càng trở đề xuất gò bó.

Cấp độ A – một trong những tác động đến thiết kế.Cấp độ AA – ảnh hưởng trung bình mang lại thiết kếCấp độ AAA – ảnh hưởng tác động cao mang lại thiết kế

Với 3 mức độ này, thì rất có thể cùng 1 thể loại tiêu chí, dẫu vậy nó gồm 3 mức. Khi chúng ta vượt qua được cấp độ AA, nghĩa là lever A của tiêu chuẩn đã được đáp ứng. Với theo đầy đủ tài liệu mình khám phá được, thì đề xuất nên đạt đến level AA.

Để rõ hơn, thì xem thử lấy ví dụ này nhé, trong Guideline 1.4 Distinguishable.

+ tiêu chuẩn thành công 1.4.1 – Use of màu sắc – level A. Mục đích của tiêu chí Thành công này là đảm bảo rằng tất cả người dùng có thể truy cập thông tin được truyền tải do sự khác biệt về color sắc, nghĩa là bằng cách sử dụng màu sắc trong đó mỗi màu bao gồm một ý nghĩa sâu sắc được gán cho nó.

+ tiêu chí thành công 1.4.3 – Contrast (Minimum) – màn chơi AA. Trình bày trực quan liêu của văn phiên bản và hình hình ảnh của văn phiên bản có tỉ lệ thành phần tương phản ít nhất 4,5: 1

+ tiêu chí thành công 1.4.6 – Contrast (Enhanced) – level AAA. Trình bày trực quan lại văn bản và hình ảnh của văn phiên bản có tỷ lệ tương phản ít nhất là 7: 1


Hiện text #FFFFFF bên trên nền xanh #65A5BF chỉ thỏa mãn nhu cầu là sự khác biệt về màu sắc sắc, ratio =2,73 ShareTweet Linkedin Pinterest