Việc tạo và thiết kế nội dung dễ tiếp cận không chỉ là chọn một phông chữ dễ đọc. Ngay cả với bộ phông chữ dễ tiếp cận, người có thị lực kém, trí tuệ, ngôn ngữ và khuyết tật học tập có thể gặp khó khăn trong việc xử lý nội dung 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 chẳng hạn. Mô-đun này sẽ xem xét các cân nhắc cơ bản về thiết kế để đảm bảo nội dung của bạn 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 mẽ đến khả năng tiếp cận nội dung là kiểu chữ. Lựa chọn kiểu chữ và kiểu của bạn có thể tạo ra hoặc phá vỡ bất kỳ thiết kế trang nào.
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 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 kiểu 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ế dễ tiếp cận là chọn một kiểu chữ phổ biến (ví dụ: Phông chữ, Kiểu chữ, Kiểu chữ, Kiểu chữ, Kiểu chữ, v.v.).
Nhiều nghiên cứu về kiểu chữ thử nghiệm những người khuyết tật cho thấy rằng các kiểu chữ thông thường mang lại 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. Mặc dù các kiểu chữ phổ biến này vốn 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 lại thấy dễ đọc 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 dùng kiểu chữ viết tay hoặc trang trí công phu, cũng như những kiểu chữ chỉ có một kiểu chữ (ví dụ: chỉ có ký tự viết hoa). Những kiểu chữ đặc biệt này có thiết kế chữ thảo, hình dạng độc đáo hoặc các đặc điểm nghệ thuật như đường kẻ mỏng có thể trông đẹp mắt, 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 của chữ cái và kerning
Nghiên cứu về việc kiểu chữ serif hoặc Sans Serif dễ đọc là không thể đưa ra kết luận, nhưng một số chữ số, chữ cái hoặc tổ hợp nhất định có thể gây nhầm lẫn người gặp vấn đề về khả năng học tập dựa trên ngôn ngữ và khuyết tật về nhận thức. Đối với những người mắc những dạng khuyết tật này, mọi chữ cái và số đều phải: được định nghĩa rõ ràng và có các đặc điểm riêng biệt, nên các chữ cái không bị nhầm lẫn bằng một con số.
Các lỗi vi phạm dễ đọc phổ biến là "I" viết hoa (Ấn Độ), chữ "l" viết thường (rau xà lách) và số "1". Tương tự, các cặp chữ cái như b/d, p/q, f/t, i/j, Người đọc và người đọc đôi khi có thể lật sang trái hoặc lên xuống đối với một số người đọc.
Mức độ dễ đọc của bản sao cũng giảm đi khi quá nhiều khoảng cách chữ cái hoặc khoảng cách giữa các chữ cái chặt chẽ. Đặc biệt chú ý đến giới hạn, đặc biệt giữa các đoạn đường có vấn đề cặp chữ cái r/n. Nếu không, các từ như "sợi" có thể đổi thành "yam" hoặc "đuôi" thành "gốc" làm thay đổi hoàn toàn ý nghĩa của nội dung.
Các bộ sưu tập kiểu chữ nguồn mở như Google Fonts có thể hỗ trợ bạn trong việc 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ể nhúng bộ phông chữ có thể truy cập được từ nền tảng đúc đối tác trực tiếp vào thiết kế của bạn—điều này bao gồm một số Google Fonts (Phông chữ Google).
Khi bạn tìm kiếm kiểu chữ tiếp theo, hãy đặc biệt chú ý đến những điều sau:
- Sử dụng phông chữ chung 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ác đặc điểm độc đáo — đặc biệt chú ý đến chữ hoa I, chữ l viết thường và 1.
- Xem xét một số kiểu kết hợp chữ cái để đảm bảo chúng không giống hệt nhau.
- Kiểm tra mép, đặ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 một bộ phông chữ dễ tiếp cận là tất cả những gì cần làm để tạo nội dung hoà nhập, nhưng điều quan trọng là xem xét kích thước phông chữ và 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ố bản sao nếu bản sao quá nhỏ, 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, ý đị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 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 mọi người dùng, nên khi thêm phông chữ vào sản phẩm kỹ thuật số của mình, bạn nên cân nhắc các nguyên tắc sau:
- Cỡ chữ cơ bản phải được xác định bằng một giá trị tương đối (%, rem hoặc em) đến 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 sắc, in đậm, VIẾT HOA TOÀN BỘ và in nghiêng để dễ đọc hơn. Thay vào đó, hãy dùng các phương thức để nhấn mạnh các từ bằng nội dung của bạn, chẳng hạn như dấu hoa thị, dấu gạch ngang hoặc đánh dấu từng từ.
- Sử dụng thẻ đá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 (mà không cần thêm mã bổ sung) và văn bản được nhúng cũng có thể trở thành điểm ảnh khi được phóng to bởi người dùng có thị lực kém.
Cấu trúc và bố cục
Mặc dù kiểu chữ, cỡ chữ và kiểu chữ là những yếu tố quan trọng để dễ tiếp cận kiểu chữ, cấu trúc và bố cục của bản sao trên có thể đóng vai trò quan trọng như nhau đối với sự hiểu biết của người dùng.
Bố cục phức tạp có thể là rào cản thực sự đối với những người có thị lực kém, khả năng đọc người khuyết tật 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 dạng khuyết tật này khiến mọi người khó theo dõi vị trí và đi theo luồng nội dung do thiếu lộ trình tuyến tính rõ ràng, thiếu tiêu đề và các phần tử 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à tạo các phần tử quan trọng phân biệt lẫn 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, nên có thể khó biết được nơi một phần tử bắt đầu và kết thúc, đặc biệt nếu chúng có kiểu tương tự nhau.
Hãy xem nội dung quảng cáo là một tập hợp từng dấu đầu dòng trên một đề cương. Việc 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 khi thích hợp.
Giãn cách
Khoảng cách giữa đoạn, câu và từ cũng rất quan trọng vì chúng giúp người đọc tập trung vào nội dung và tăng thêm mức độ hiểu biết tổng thể về hình ảnh cho trang. Dòng nội dung dài có thể là rào cản đối với những độc giả khuyết tật, vì họ gặp khó khăn trong việc giữ vị trí và theo dõi mạch nội dung. Một 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 khó khăn khác đối với nhiều người khuyết tật là việc đọc được coi là hợp lý sao chép. Khoảng cách không đều giữa các từ trong bản sao hợp lý có thể gây ra "các dòng sông dấu cách" để từ từ xuống dưới trang, khiến bản sao khó đọc.
Lý do bằng văn bản cũng có thể khiến các từ được nhóm lại với nhau hoặc kéo dài theo cách không tự nhiên, nên người đọc có thể gặp khó khăn khi tìm từ ranh giới.
Rất may là chúng tôi đã đưa ra hướng dẫn rõ ràng về khoảng cách và các công cụ như Chiều cao dòng phù hợp và Công cụ tính tỷ lệ vàng để giúp nội dung của chúng tôi dễ tiếp cận hơn. Khi lồng ghép các nguyên tắc này, những người mắc chứng rối loạn thiếu chú ý, khả năng đọc và khuyết tật thị lực sẽ tập trung nhiều hơn vào nội dung văn bản thay vì bố cục nội dung.
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 thành phần 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 các đoạn văn, câu và khoảng cách từ được xác định rõ ràng.
- Tạo cột nội dung có chiều rộng không vượt quá 80 ký tự (40 cho biểu trưng).
- Tránh căn chỉnh đoạn văn bản hợp lý vì tạo ra "dòng sông không gian" trong bản sao đó.
Những điểm cần nhớ về kiểu chữ dễ 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ế thông thường dựa trên dựa trên kiến thức về người dùng của bạn. Lưu ý học phần này khi bạn Thiết kế và xây dựng nội dung sẽ giúp ích rất nhiều cho bạn giao tiếp rõ ràng với nhiều người nhất.
Kiểm tra kiến thức
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ó thể đọc được bản sao, tôi nên luôn sử dụng độ tương phản cao giữa bản sao và nền.
Phông chữ nào phù hợp nhất để hỗ trợ tiếp cận?