Kiểu chữ

Việc tạo và thiết kế nội dung dễ đọc không chỉ là việc 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, khả năng nhận thức, ngôn ngữ và khả năng học tập vẫn có thể gặp khó khăn khi 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 phông chữ. Mô-đun này sẽ xem xét các yếu tố thiết kế cơ bản để làm cho nội dung của bạn có tính hoà nhập 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ể tác động mạnh đến khả năng tiếp cận của bản sao là kiểu chữ. Kiểu chữ và kiểu mà bạn chọn có thể ảnh hưởng đến bất kỳ kiểu thiết kế nào của trang.

Những người mắc chứng rối loạn đọc, học và chú ý như chứng khó đọc và rối loạn tăng động thiếu tập trung (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 kiểu chữ dễ tiếp cận.

Chọn các kiểu chữ phổ biến 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ữ thông dụng (ví dụ: Phông chữ mật, Times New Roman, Calibri, Verdana và nhiều kiểu chữ khác).

Nhiều nghiên cứu kiểu chữ thử nghiệm cho người khuyết tật cho thấy rằng kiểu chữ phổ biến giúp tốc độ đọc nhanh hơn và mức độ hiểu sâu hơn so với kiểu chữ không phổ biến. Mặc dù những kiểu chữ thông thường này vốn không dễ đọc hơn các kiểu chữ khác, nhưng một số người khuyết tật có thể dễ dàng đọc các kiểu chữ này hơn vì họ đã có nhiều kinh nghiệm khi làm việc (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 sử dụng các kiểu chữ trang trí công phu hoặc viết tay cũng như những kiểu chữ chỉ viết hoa một chữ (ví dụ: chỉ viết hoa). Những kiểu chữ đặc biệt này với thiết kế chữ thảo, hình dạng độc đáo hoặc các đặc điểm nghệ thuật như đường mảnh có thể trông đẹp nhưng một số người khuyết tật lại khó đọc hơn nhiều so với các kiểu chữ thông thường.

Đặc điểm chữ cái và đường kẻ

Nghiên cứu về việc liệu kiểu chữ serif hay alt serif dễ đọc hơn là không chắc chắn, nhưng một số con số, chữ cái hoặc tổ hợp có thể gây nhầm lẫn cho những người có khả năng học qua ngôn ngữ và khuyết tật nhận thức. Đối với những người mắc những loại khuyết tật này, mọi chữ cái và số phải được xác định rõ ràng cũng như có các đặc điểm riêng biệt để không nhầm lẫn các chữ cái với chữ số.

Những lỗi dễ đọc thường gặp là chữ hoa "I" (Ấn Độ), chữ "l" viết thường (diêm) 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ố độc giả.

Mức độ dễ đọc của bản sao cũng giảm khi khoảng cách chữ cái hoặc khoảng cách quá hẹp. Đặc biệt chú ý đến việc phân tách, đặc biệt là giữa cặp chữ cái có vấn đề r/n. Nếu không, những từ như "sợi" có thể đổi thành "yam" hoặc "stern" thành "gốc", làm thay đổi hoàn toàn ý nghĩa của nội dung này.

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 của mình. Nếu sử dụng các sản phẩm của Adobe, bạn có thể trực tiếp nhúng bộ phông chữ dễ tiếp cận của các đối tác đúc vào thiết kế của mình – bao gồm cả một số Phông chữ của Google.

Khi bạn tìm kiểu chữ mới, hãy đặc biệt chú ý đến những điều sau:

  • Sử dụng phông chữ thông dụng bất cứ khi nào có thể.
  • Tránh sử dụng phông chữ trau chuốt hoặc viết tay và những phông chữ chỉ có một cách viết hoa.
  • Chọn một kiểu chữ có các đặc điểm riêng — đặc biệt chú ý đến chữ viết hoa I, chữ l viết thường và 1.
  • Xem lại một số kiểu kết hợp chữ cái để đảm bảo chúng không giống hệt như hình ảnh phản chiếu của nhau.
  • Kiểm tra khoảng cách xa nhau, đặc biệt là giữa cặp chữ cái r/n.

Cỡ chữ và kiểu chữ

Mọi người thường cho rằng việc chọn ra bộ phông chữ dễ tiếp cận là tất cả để tạo nội dung hoà nhập, nhưng điều quan trọng là phải xem xét cỡ chữ và cách văn bản được tạo kiểu 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ố bản sao nếu bản sao quá nhỏ, bằng cách sử dụng AT (như thu phóng trình duyệt) để đọc bản sao đó. Trong khi 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 định 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 truyền tải được đến người dùng bị mất thị lực hoặc 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 là gì, nên khi thêm phông chữ vào sản phẩm kỹ thuật số, hãy nhớ xem xét các nguyên tắc sau:

  • Bạn nên xác định kích thước phông chữ cơ sở bằng một giá trị tương đối (%, rem hoặc em) để cho phép dễ dàng đổi kích thước.
  • Hạn chế số lượng biến thể kiểu chữ như màu, in đậm, VIẾT HOA TOÀN BỘ và in nghiêng để tăng mức độ dễ đọc. Thay vào đó, hãy sử dụng các phương thức để nhấn mạnh các từ trong bản sao, chẳng hạn như dấu hoa thị, dấu gạch ngang hoặc làm nổi bật từng từ.
  • 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 nhúng trên hình ảnh (mà không thêm mã bổ sung) và văn bản nhúng cũng có thể bị nhiễu hình ả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ữ rất quan trọng đối với kiểu chữ dễ tiếp cận, nhưng cấu trúcbố cục của nội dung trên một trang cũng có vai trò quan trọng như nhau đố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, người khuyết tật khả năng đọc và 6, 1 triệu người ở Hoa Kỳ mắc chứng tăng động giảm chú ý (ADHD). Những loại khuyết tật này khiến mọi người khó giữ vị trí của họ và tuân theo luồng nội dung sao chép do thiếu đường dẫn tuyến tính rõ ràng, thiếu tiêu đề và các thành phần chưa đượ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à làm cho các thành phần quan trọng khác biệt với nhau và nhóm các thành phần tương tự lại với nhau. Nếu các phần tử ở quá gần, thì bạn có thể khó biết được một phần tử bắt đầu và kết thúc ở đâu, đặc biệt là khi các phần tử này có kiểu tương tự.

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 đường viền. Tính năng này sẽ giúp bạn lập kế hoạch 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 đoạn, câu và từ cũng quan trọng vì điều này giúp người đọc tập trung vào nội dung và bổ sung khả năng hiểu hình ảnh tổng thể của trang. Một dòng chữ dài có thể là rào cản đối với người đọc bị khuyết tật, vì họ gặp khó khăn trong việc giữ nguyên vị trí và tuân theo quy trình của nội dung. Khối nội dung 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 điều phiền toái khác đối với nhiều người khuyết tật là đọc bản sao hợp lý. Khoảng cách không đồng đều giữa các từ trong bản sao hợp lý có thể khiến "các dòng không gian" hình thành dưới trang, khiến bản sao trở nên khó đọc.

Lý do bằng văn bản cũng có thể khiến các từ bị chụm lại với nhau hoặc bị kéo giãn theo cách không tự nhiên, khiến người đọc gặp khó khăn trong việc xác định ranh giới của từ.

Rất may là có những nguyên tắc rõ ràng về khoảng cách và các công cụ, chẳng hạn như Độ cao dòng phù hợpMáy tính tỷ lệ vàng để giúp bản sao dễ tiếp cận hơn. Việc kết hợp các nguyên tắc này giúp những người mắc chứng rối loạn giảm chú ý, khuyết tật về khả năng đọc và thị lực tập trung nhiều hơn vào nội dung văn bản và bớ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 trực quan khác để chia trang thành các phần.
  • Sử dụng đoạn văn, câu và khoảng cách từ được xác định rõ ràng.
  • Tạo các cột nội dung có chiều rộng không vượt quá 80 ký tự (40 ký tự đối với biểu trưng).
  • Tránh căn chỉnh đoạn văn bản hợp lý, việc này tạo ra "sông giới không gian" 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ễ tiếp cận có thể được rút gọn thành các lựa chọn thiết kế hợp lý dựa trên kiến thức mà bạn biết về nhu cầu của người dùng. Hãy lưu ý mô-đun này khi bạn thiết kế và xây dựng nội dung của mình, bạn sẽ có thể giao tiếp rõ ràng với nhiều người nhất.

Kiểm tra mức độ hiểu biết của bạn

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

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

Đúng.
Mặc dù độ tương phản cao có thể hữu ích đối với một số người khiếm thị, nhưng những người khác có thể bị khuyết tật khiến nội dung có độ tương phản cao trở nên khó đọc.
Sai.
Một số người khuyết tật sẽ không thể đọc nội dung của bạn nếu có độ tương phản quá cao. Nếu có thể, hãy cho phép chế độ cài đặt hệ điều hành của người dùng xác định độ tương phản.

Phông chữ nào phù hợp nhất để tăng khả năng tiếp cận?

Phông chữ hệ thống như Phông chữ Unicode và Verdana.
Kiểu chữ phổ biến dẫn đến tốc độ đọc nhanh hơn và mức độ hiểu sâu hơn so với các kiểu chữ không phổ biến.
Kiểu chữ có thể truy cập được.
Các bộ sưu tập kiểu chữ dễ tiếp cận như Google Foundry trên Adobe Fonts có thể giúp bạn chọn kiểu chữ phù hợp nhất cho thiết kế tiếp theo của mình.
Không quan trọng.
Việc lựa chọn phông chữ có thể ảnh hưởng đến khả năng đọc. Tránh các chữ viết và phông chữ nghệ thuật phức tạp.