Tính khả dụng trên web còn nhiều hơn những gì bạn thấy ngay trên bề mặt.

Đội ngũ Kỹ thuật Số luôn đề cao tầm quan trọng của tính dễ tiếp cận trong thiết kế . Mục tiêu của chúng tôi là đạt được sự tuân thủ tiêu chuẩn AA , dựa trên các Hướng dẫn về Nguồn Nội dung Web (WCAG ) của tổ chức thiết lập các tiêu chuẩn web.

Mặc dù chúng tôi luôn cố gắng đạt được điều đó — và nghĩ rằng mình đã làm được — nhưng một email mà Ủy ban Người khuyết tật của Thành phố nhận được từ một cư dân đã cảnh báo chúng tôi về việc chúng tôi đã không đạt yêu cầu khi sử dụng màu sắc. Nhờ một vài chỉnh sửa nhỏ đối với thư viện mẫu của chúng tôi, chúng tôi đã có thể tạo ra trải nghiệm thân thiện hơn cho người dùng.

Phản hồi theo phản hồi của người dùng

Chúng tôi luôn dựa vào ý kiến đóng góp từ những người sử dụng các công cụ kỹ thuật số của chúng tôi, và trường hợp này cũng không ngoại lệ. Một người đăng ký nhận bản tin của Ủy ban Người khuyết tật báo cáo gặp khó khăn khi đọc các liên kết thông qua hệ thống bản tin của chúng tôi. Khi một nhân viên của Ủy ban Người khuyết tật tìm hiểu sâu hơn, họ nhận thấy vấn đề xuất phát từ màu sắc và kiểu dáng của chúng tôi. Chúng không đáp ứng tỷ lệ tương phản màu sắc được thiết lập cho văn bản dễ đọc.

May mắn thay, chúng tôi có bộ nhận diện thương hiệu kỹ thuật số trong thư viện mẫu, nơi hướng dẫn về kiểu dáng và màu sắc trên các công cụ kỹ thuật số và trang Boston.gov của chúng tôi. Với các thông số thiết kế được lưu trữ tại vị trí trung tâm này, chúng tôi biết rằng mình có thể xem xét các thay đổi và hậu quả cần thiết dễ dàng hơn. Chúng tôi đã quyết định lùi lại một bước và xem xét lại tất cả các màu sắc được sử dụng trong hướng dẫn thương hiệu để đảm bảo rằng chúng tôi đang đáp ứng các mục tiêu về khả năng tiếp cận kỹ thuật số.

Nhờ bạn bè giúp đỡ

Đội ngũ Kỹ thuật số rất may mắn khi có IDEO là đối tác tuyệt vời. Bên cạnh việc thiết kế Boston.gov, họ còn luôn sát cánh cùng chúng tôi khi cần người để cùng thảo luận ý tưởng. Chúng tôi đã cùng họ tổ chức một buổi họp nhóm thảo luận bất chợt để tìm ra cách tốt nhất để tiến về phía trước. Chúng tôi rất vui mừng khi được mời các chuyên gia trong ngành tham gia để cùng giải quyết vấn đề này.

Đi sâu vào chi tiết

Trên một số màu nền nhất định, chúng tôi không đạt được tiêu chuẩn tối thiểu về tỷ lệ tương phản màu sắc. Chúng tôi đã phát hiện ra vấn đề với hai màu chính trên trang web:

• Màu đỏ Freedom Trail (#FB4D42), và
• Màu xanh lạc quan (#288BE4).

Chúng gây ra vấn đề trong một số trường hợp sử dụng màu phụ của chúng tôi cho văn bản. Ví dụ, nếu chúng tôi sử dụng màu Optimistic Blue trên nền Pale Gray hoặc Charles River Blue, nó sẽ không cung cấp được mức độ tương phản cần thiết.

Nhờ nghiên cứu ban đầu của một kỹ sư phần mềm, chúng tôi đã có thể tạo ra một bản gốc gần như giống với màu sắc ban đầu của chúng tôi trong khi vẫn đáp ứng được tiêu chuẩn AA . Ý tưởng cơ bản mà chúng tôi đưa ra là tạo ra các tùy chọn sáng và tối cho mọi thứ. Tùy thuộc vào màu nền, chúng tôi sẽ chuyển đổi giữa phiên bản sáng và tối để làm cho văn bản dễ đọc hơn.

Các đồng nghiệp của chúng tôi tại IDEO đã giúp chúng tôi lập bảng màu ngay lập tức. Họ đã phân tích tất cả các lựa chọn màu chữ của chúng tôi dựa trên màu nền. Nếu bạn xem bảng màu của chúng tôi , bạn sẽ thấy những gì là có thể chấp nhận được.

Chúng tôi đã thử nghiệm với các màu sắc ban đầu cho đến khi tìm ra được các tùy chọn bạn thấy ở trên. Với các mã hex mới, chúng tôi đã cập nhật thư viện mẫu của mình để thực hiện các thay đổi trên Boston.gov. Hiện tại, chúng tôi đang trong quá trình cập nhật các công cụ kỹ thuật số còn lại, bao gồm cả hệ thống bản tin của chúng tôi, để đảm bảo chúng cũng dễ truy cập nhất có thể.

Chúng ta sẽ đi đâu từ đây?

Một thay đổi bạn sẽ sớm thấy trên trang Boston.gov là việc thêm dấu gạch chân cho tất cả các liên kết văn bản trong dòng. Độ tương phản rất quan trọng, nhưng dấu gạch chân giúp tạo thêm sự khác biệt hữu ích cho những người khó phân biệt màu sắc. Chúng tôi muốn làm rõ những gì bạn có thể và không thể nhấp chuột trên trang web. Như thường lệ, chúng tôi sẽ tiếp tục chú ý đến các bản cập nhật và khuyến nghị của W3C về khả năng truy cập web. Nếu bạn quan tâm đến khả năng truy cập web, Google có một số hướng dẫn tuyệt vời về các phương pháp hay nhất .

Chúng tôi biết chúng tôi không hoàn hảo. Luôn luôn có những điều chúng tôi có thể làm tốt hơn. Điều đó đúng cho dù đó là thiết kế, nội dung hay công nghệ. Điều quan trọng là chúng tôi luôn mở rộng tầm mắt và lắng nghe để tìm kiếm những cơ hội cải tiến và thay đổi. Boston.gov và tất cả các công cụ kỹ thuật số của chúng tôi là một nỗ lực liên tục. Đó là lý do tại sao phản hồi của bạn rất quan trọng đối với quá trình của chúng tôi. Nếu bạn thấy điều gì đó không đúng hoặc có ý tưởng về cách chúng tôi có thể cải thiện các công cụ của mình, vui lòng gửi email cho chúng tôi tại feedback@boston.gov .