Kiểu chữ

Việc tạo và thiết kế nội dung hỗ trợ tiếp cận không chỉ là chọn một phông chữ dễ đọc. Ngay cả khi có các bộ phông chữ hỗ trợ tiếp cận, những người có thị lực kém, rối loạn nhận thức, ngôn ngữ và học tập 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, v.v.

Mô-đun này xem xét các yếu tố cần cân nhắc cơ bản về thiết kế để nội dung của bạn trở nên bao gồm nhiều người hơn và tiếp cận được nhiều người hơn nữa.

Phông chữ

Phông chữ là một yếu tố chính có thể tác động mạnh mẽ đến khả năng hỗ trợ tiếp cận của văn bản. Lựa chọn phông chữ và kiểu chữ có thể làm nên hoặc phá hỏng 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 thiếu 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 phông chữ dễ tiếp cận.

Chọn kiểu chữ phổ biến Cách nhanh nhất để tạo một thiết kế hỗ trợ 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ề phông chữ kiểm tra những người khuyết tật cho thấy rằng phông chữ phổ biến giúp tăng tốc độ đọc và mức độ hiểu sâu hơn so với phông chữ không phổ biến. Mặc dù các kiểu chữ phổ biến không phải tự nhiên 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 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ữ phổ biến, hãy nhớ tránh các kiểu chữ trang trí hoặc kiểu chữ viết tay, cũng như các kiểu chữ chỉ có một kiểu chữ (ví dụ: chỉ có ký tự hoa). Những phông chữ đặc biệt này có thiết kế viết tay, hình dạng kỳ quặc hoặc các đặc điểm nghệ thuật như đường kẻ mảnh có thể trông rất đẹp, nhưng một số người khuyết tật sẽ khó đọc hơn nhiều so với phông 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 phông chữ serif hay sans serif dễ đọc hơn chưa có kết luận, nhưng một số số, chữ cái hoặc tổ hợp có thể gây nhầm lẫn cho những người có khuyết tật về học tập và nhận thức dựa trên ngôn ngữ. Đối với những người mắc các loại khuyết tật này, mọi chữ cái và số phải được xác định rõ ràng và có đặc điểm riêng biệt để không bị nhầm lẫn giữa chữ cái và số.

Các lỗi thường gặp về khả năng đọc là chữ "I" viết hoa (Ấn Độ), chữ "l" viết thường (lettuce) và số "1". Tương tự, các cặp chữ cái như b/d, p/q, f/t, i/j, m/w và n/u đôi khi có thể lật trái-phải hoặc lên-xuống đối với một số trình đọc.

Độ dễ đọc của văn bản cũng giảm khi khoảng cách giữa các chữ cái hoặc khoảng cách giữa các chữ cái quá nhỏ. Hãy đặc biệt chú ý đến khoảng cách giữa các chữ cái, đặc biệt là giữa cặp chữ cái r/n có vấn đề. Nếu không, các từ như "yarn" (sợi) có thể thay đổi thành "yam" (khoai sọ) hoặc "stern" (phần đuôi) thành "stem" (cành), làm thay đổi hoàn toàn ý nghĩa của nội dung.

Các bộ sưu tập phông chữ nguồn mở như Google Fonts có thể giúp bạn chọn phông 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ữ hỗ trợ tiếp cận của các đối tác nhà sản xuất phông chữ vào thiết kế của mình, bao gồm cả một số Phông chữ Google.

Khi tìm kiếm phông chữ tiếp theo, hãy đặc biệt chú ý đến những điều sau:

  • Sử dụng phông chữ phổ biến bất cứ khi nào có thể.
  • Tránh sử dụng phông chữ phức tạp hoặc viết tay và những 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 nhất định để đảm bảo rằng 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ữ cái rn.

Kích thước phông 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 làm để tạo nội dung phù hợp với mọi người. Tuy nhiên, bạn cũng cần cân nhắc kích thước phông chữ và cách tạo kiểu văn bản trên trang.

Ví dụ: những người có thị lực kém hoặc mù màu có thể không đọc được một số nội dung nếu nội dung đó quá nhỏ, bằng cách sử dụng tính năng thu phóng trình duyệt như công cụ hỗ trợ tiếp cận để đọc nội dung. Những người dùng khác, chẳng hạn như những 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, ý định của các kiểu này không được truyền tải đến người dùng khiếm thị hoặc thị lực kém.

Không nên
h2 {font-size: 16px;}
Nên
h2 {font-size: 1rem;}

Vì bạn không thể dự đoán nhu cầu của mọi 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ơ sở bằng một giá trị tương đối (%, rem hoặc em) để cho phép đổi kích thước.
  • Hạn chế số lượng biến thể phông chữ như màu sắc, in đậm, IN HOA TOÀN BỘ và in nghiêng để tăng khả năng đọc. Thay vào đó, hãy sử dụng các phương thức để làm nổi bật từ trong nội dung 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ẻ.
  • 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 thể đọ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ỡ khi người dùng thị lực kém phóng to.

Cấu trúc và bố cục

Mặc dù kiểu chữ, kích thước phông chữ và kiểu chữ là quan trọng đối với kiểu chữ dễ tiếp cận, nhưng cấu trúcbố cục của văn bản trên 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 những người có thị lực kém, khiếm khuyết về khả năng đọc và 6, 1 triệu người ở Hoa Kỳ mắc chứng ADHD. Những loại khuyết tật này khiến người dùng khó theo dõi dòng văn bản hơn do thiếu lộ trình tuyến tính rõ ràng, thiếu tiêu đề và các phần tử không được nhóm lại với nhau.

Một khía cạnh quan trọng của thiết kế bố cục hỗ trợ tiếp cận là làm cho các thành phần quan trọng khác nhau với nhau và nhóm các thành phần tương tự với nhau. Nếu các phần tử quá gần nhau, bạn có thể khó xác định vị trí bắt đầu và kết thúc của một phần tử, đặc biệt là nếu các phần tử đó có kiểu tương tự nhau.

Hãy coi nội dung của bạn là một tập hợp các dấu đầu dòng riêng lẻ trên một bản phác thảo. 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 được hình ảnh tổng thể của trang. Dòng văn bản dài có thể là rào cản đối với người đọc khuyết tật, vì họ gặp khó khăn trong việc giữ vị trí và theo dõi dòng văn bản.

Khối văn bản hẹp giúp người đọc dễ dàng chuyển sang 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 gặp khó khăn là đọc văn bản căn chỉnh. Khoảng cách không đồng đều giữa các từ trong văn bản căn đều có thể tạo ra "dòng sông khoảng cách" trên trang, khiến văn bản khó đọc.

Việc căn chỉnh 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ể khó xác định ranh giới từ.

Rất may, 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 (Chiều cao dòng phù hợp) và Golden Ratio Calculator (Công cụ tính tỷ lệ vàng) để giúp văn bản của chúng ta dễ đọc hơn. Việc áp dụng các nguyên tắc này giúp những người mắc chứng rối loạn thiếu tập trung, khiếm khuyết về thị lực và khả năng đọc tập trung nhiều hơn vào nội dung và ít tập trung vào bố cục.

Các phương pháp hay nhất về cấu trúc và bố cục

Khi xem xét 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 hình ảnh khác để chia trang thành các phần.
  • Sử dụng các đoạn, câu và khoảng cách giữa các từ được xác định rõ ràng.
  • Xây dựng 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 biểu tượng).
  • Tránh căn chỉnh đoạn văn bản hợp lý, vì điều này sẽ tạo ra "dòng khoảng trắng" trong văn bản.

Thông tin cần biết về kiểu chữ hỗ trợ tiếp cận

Phông chữ hỗ trợ tiếp cận có thể được tóm tắt thành các 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. Hãy ghi nhớ mô-đun này khi bạn thiết kế và xây dựng nội dung. Điều này sẽ giúp bạn giao tiếp rõ ràng với nhiều người nhất có thể.

Kiểm tra mức độ hiểu biết

Kiểm tra kiến thức của bạn về việc đo lường khả năng hỗ trợ tiếp cận

Để có văn bản dễ đọc, tôi phải luôn sử dụng độ tương phản cao giữa văn bản và phông nền.

Đúng.
Sai.

Phông chữ nào phù hợp nhất với khả năng hỗ trợ tiếp cận?

Không quan trọng.
Phông chữ hệ thống như Arial và Verdana.
Phông chữ hỗ trợ tiếp cận.