Việc tạo và thiết kế nội dung dễ tiếp cận không chỉ đơn thuần là chọn một phông chữ dễ đọc. Ngay cả khi có các bộ phông chữ dễ tiếp cận, những người có thị lực kém, mắc chứng rối loạn nhận thức, ngôn ngữ và khuyết tật học tập vẫn có thể gặp khó khăn trong việc xử lý văn bản do các yếu tố khác như biến thể phông chữ, kích thước, khoảng cách và khoảng cách giữa các chữ cái (chỉ là một vài ví dụ).
Mô-đun này xem xét những yếu tố cơ bản về thiết kế để giúp nội dung của bạn mang tính toàn diện hơn và tiếp cận được nhiều người hơn nữa.
Phông chữ
Một yếu tố chính có thể ảnh hưởng lớn đến khả năng tiếp cận nội dung là kiểu chữ. Lựa chọn về kiểu chữ và phong cách có thể quyết định sự thành công hay thất bại của mọi thiết kế trang.
Những người mắc chứng rối loạn đọc, học tập và chú ý như chứng khó đọc và rối loạn tăng động giảm chú ý (ADHD), cũng như những người có thị lực kém đều có thể hưởng lợi khi bạn sử dụng các kiểu chữ dễ đọc.
Chọn kiểu chữ thông thường
Cách nhanh nhất để tạo một thiết kế dễ tiếp cận là chọn một kiểu chữ phổ biến (chẳng hạn như Arial, Times New Roman, Calibri, Verdana và nhiều kiểu chữ khác).
Nhiều nghiên cứu về kiểu chữ khi thử nghiệm trên người khuyết tật cho thấy các kiểu chữ thông thường giúp tăng tốc độ đọc và mức độ hiểu biết sâu sắc hơn so với các kiểu chữ không phổ biến. Mặc dù các kiểu chữ thông thường không dễ tiếp cận hơn các kiểu chữ khác, nhưng một số người khuyết tật có thể đọc chúng dễ dàng hơn vì họ đã có nhiều kinh nghiệm làm việc với (hoặc xung quanh) các kiểu chữ này.
Ngoài việc chọn một kiểu chữ thông thường, hãy nhớ tránh các kiểu chữ cầu kỳ hoặc viết tay, cũng như những kiểu chữ chỉ có một trường hợp ký tự (ví dụ: chỉ có ký tự viết hoa). Những kiểu chữ đặc biệt này có thiết kế viết tay, hình dạng độc đáo hoặc các đặc điểm nghệ thuật như đường nét mảnh có thể trông đẹp mắt, nhưng một số người khuyết tật sẽ khó đọc hơn nhiều so với các kiểu chữ thông thường.
Đặc điểm của chữ cái và khoảng cách giữa các chữ cái
Nghiên cứu về việc liệu kiểu chữ có chân hay kiểu chữ không chân có dễ đọc hơn hay không vẫn chưa có kết luận, nhưng một số chữ số, chữ cái hoặc tổ hợp có thể gây nhầm lẫn cho người mắc chứng khó học và khuyết tật trí tuệ liên quan đến ngôn ngữ. Đối với người khuyết tật thuộc các loại này, mọi chữ cái và số đều phải được xác định rõ ràng và có đặc điểm riêng, để chữ cái không bị nhầm lẫn với số.
Các ký tự viết hoa I (Ấn Độ), ký tự viết thường l (xà lách) và số 1 là những ký tự thường gây khó đọc. Tương tự, các cặp chữ cái như b và d, p và q, f và t, i và j, m và w, n và u có thể xuất hiện ở dạng đảo ngược, theo hướng trái-phải hoặc trên-dưới đối với một số người đọc.
Khả năng đọc của bản sao cũng giảm khi khoảng cách chữ hoặc khoảng cách giữa các chữ cái quá hẹp. Đặc biệt chú ý đến việc điều chỉnh khoảng cách giữa các chữ cái, nhất là giữa cặp chữ cái có vấn đề r/n. Nếu không, những từ như "yarn" có thể thay đổi thành "yam" hoặc "stern" thành "stem", làm thay đổi hoàn toàn ý nghĩa của bản sao.
Các bộ sưu tập kiểu chữ nguồn mở như Google Fonts có thể giúp bạn chọn kiểu chữ phù hợp nhất cho thiết kế tiếp theo. Nếu sử dụng các sản phẩm của Adobe, bạn có thể nhúng trực tiếp các bộ phông chữ dễ tiếp cận từ các đối tác xưởng đúc vào thiết kế của mình, bao gồm cả một số Google Fonts.
Khi tìm kiếm kiểu chữ tiếp theo, bạn nên đặc biệt chú ý đến những điều sau:
- Sử dụng phông chữ thông thường bất cứ khi nào có thể.
- Tránh sử dụng phông chữ cầu kỳ, phông chữ viết tay và phông chữ chỉ có một kiểu chữ.
- Chọn một kiểu chữ có đặc điểm riêng biệt – đặc biệt chú ý đến chữ I viết hoa, chữ l viết thường và số 1.
- Xem xét một số tổ hợp chữ cái để đảm bảo chúng không phải là hình ảnh phản chiếu chính xác của nhau.
- Kiểm tra khoảng cách giữa các chữ cái, đặc biệt là giữa cặp chữ r và n.
Cỡ chữ và kiểu chữ
Mọi người thường cho rằng việc chọn một bộ phông chữ hỗ trợ tiếp cận là tất cả những gì cần thiết để tạo nội dung dành cho tất cả mọi người, nhưng bạn cũng cần cân nhắc cỡ chữ và cách tạo kiểu cho văn bản trên một trang.
Ví dụ: người có thị lực kém hoặc mù màu có thể không đọc được một số văn bản nếu văn bản đó quá nhỏ, họ có thể sử dụng một công nghệ hỗ trợ (AT) như tính năng thu phóng trình duyệt để đọc văn bản. Những người dùng khác (chẳng hạn như người mắc chứng khó đọc hoặc rối loạn đọc) có thể gặp khó khăn khi đọc văn bản in nghiêng. Trình đọc màn hình thường bỏ qua các phương thức tạo kiểu, chẳng hạn như in đậm và in nghiêng, vì vậy, mục đích của các kiểu này không được truyền tải đến người dùng bị mù hoặc thị lực kém.
h2 {font-size: 16px;}h2 {font-size: 1rem;}Vì bạn không thể dự đoán nhu cầu của từng người dùng, nên khi thêm phông chữ vào trang web và ứng dụng web, hãy nhớ cân nhắc các nguyên tắc sau:
- Bạn nên xác định cỡ chữ cơ bản bằng một giá trị tương đối (%, rem hoặc em) để cho phép đổi kích thước.
- Giới hạn số lượng biến thể kiểu chữ như màu sắc, in đậm, TẤT CẢ ĐỀU VIẾT HOA và in nghiêng để tăng khả năng đọc. Thay vào đó, hãy sử dụng các phương thức để nhấn mạnh từ trong bản sao của bạn, chẳng hạn như dấu hoa thị, dấu gạch ngang hoặc làm nổi bật một từ riêng lẻ.
- Hãy sử dụng mã đánh dấu thay vì văn bản trên hình ảnh bất cứ khi nào có thể. Trình đọc màn hình không đọc được văn bản được nhúng trên hình ảnh (nếu không thêm mã bổ sung) và văn bản được nhúng cũng có thể bị vỡ hình khi người dùng có thị lực kém phóng to.
Cấu trúc và bố cục
Mặc dù kiểu chữ, cỡ chữ và kiểu chữ đóng vai trò quan trọng đối với kiểu chữ dễ tiếp cận, nhưng cấu trúc và bố cục của bản sao trên một trang cũng có thể quan trọng không kém đối với khả năng hiểu của người dùng.
Bố cục phức tạp có thể là một rào cản thực sự đối với người có thị lực kém, người gặp khó khăn khi đọc và 6, 1 triệu người ở Hoa Kỳ mắc chứng rối loạn tăng động giảm chú ý (ADHD). Những loại khuyết tật này khiến người dùng khó giữ được vị trí và theo dõi luồng văn bản do thiếu đường dẫn tuyến tính rõ ràng, thiếu tiêu đề và các phần tử không được nhóm.
Một khía cạnh quan trọng của thiết kế bố cục dễ tiếp cận là tạo ra các phần tử quan trọng khác biệt với nhau và nhóm các phần tử tương tự lại với nhau. Nếu các phần tử quá gần nhau, bạn có thể khó phân biệt được đâu là điểm bắt đầu và kết thúc của một phần tử, đặc biệt là nếu chúng có kiểu dáng tương tự nhau.
Hãy coi bản sao của bạn là một tập hợp các dấu đầu dòng riêng lẻ trong một đề cương. Việc này sẽ giúp bạn lên kế hoạch cho cấu trúc tổng thể của trang và cho phép bạn sử dụng tiêu đề, tiêu đề phụ và danh sách bất cứ khi nào thích hợp.
Giãn cách
Khoảng cách giữa các đoạn, câu và từ giúp người đọc tập trung vào nội dung và tăng khả năng hiểu biết tổng thể về hình ảnh của trang. Các dòng văn bản dài có thể là rào cản đối với độc giả khuyết tật, vì họ gặp khó khăn trong việc giữ vị trí và theo dõi dòng chảy của văn bản.
Một khối văn bản hẹp giúp người đọc dễ dàng tiếp tục đọc dòng tiếp theo.
Căn chỉnh nội dung
Một vấn đề khác khiến nhiều người khuyết tật cảm thấy khó chịu là việc đọc văn bản được căn đều. Khoảng cách không đều giữa các từ trong bản sao được căn đều có thể tạo thành "dòng trắng" xuống trang, khiến bản sao khó đọc.
Việc căn đều văn bản cũng có thể khiến các từ bị dồn lại với nhau hoặc bị kéo giãn theo cách không tự nhiên, vì vậy, người đọc có thể gặp khó khăn khi xác định ranh giới của từ.
Rất may là có các nguyên tắc rõ ràng về khoảng cách và các công cụ như Good Line-Height và Golden Ratio Calculator để giúp văn bản của chúng ta dễ tiếp cận hơn. Việc kết hợp những nguyên tắc này giúp những người mắc chứng rối loạn tăng động giảm chú ý, khó đọc và khuyết tật về thị lực tập trung hơn vào bản sao và ít tập trung hơn vào bố cục.
Các phương pháp hay nhất về cấu trúc và bố cục
Khi cân nhắc cấu trúc và bố cục, hãy nhớ:
- Sử dụng các phần tử như tiêu đề, tiêu đề phụ, danh sách, số, khối trích dẫn và các nhóm trực quan khác để chia trang thành các phần.
- Sử dụng khoảng cách giữa các đoạn văn, câu và từ được xác định rõ ràng.
- Tạo các cột văn bản có chiều rộng nhỏ hơn 80 ký tự (40 ký tự đối với chữ tượng hình).
- Tránh căn chỉnh đoạn văn bản theo chiều dọc, vì cách này sẽ tạo ra "dòng trống" trong bản sao.
Những điểm cần lưu ý về kiểu chữ hỗ trợ tiếp cận
Kiểu chữ dễ đọc có thể được rút gọn thành những lựa chọn thiết kế hợp lý dựa trên kiến thức của bạn về nhu cầu của người dùng. Việc ghi nhớ mô-đun này khi bạn thiết kế và xây dựng nội dung sẽ giúp bạn giao tiếp rõ ràng với nhiều người nhất có thể.