Bảng không có tiêu đề HTML
|
Có phải lỗi “Tiêu đề bảng trống” hoặc “Thiếu tiêu đề bảng” xuất hiện trong quá trình kiểm tra Trình kiểm tra khả năng truy cập đối với một trong các bài đăng hoặc trang WordPress của bạn không? Show
Mục lụcGiới thiệu về lỗi Tiêu đề bảng trống và Thiếu tiêu đề bảngTiêu đề bảng là gì?Tiêu đề bảng là một hàng ở trên cùng hoặc ở bên cạnh bảng được dùng để mô tả các cột hoặc hàng riêng lẻ và dữ liệu chứa trong đó. Các bảng có thể có một hoặc nhiều tiêu đề Trong bảng HTML, tiêu đề bảng được biểu thị bằng phần tử Đây là một ví dụ về một bảng cơ bản với các tiêu đề ở trên cùng và đây là mã cho bảng này trông như thế nào Trong ví dụ mã ở trên, các tiêu đề được chứa riêng lẻ trong thẻ Các thẻ HTML Đối với mục đích truy cập, các mục tiêu đề duy nhất quan trọng là những gì có trong thẻ Vì bảng trên đơn giản và không bao gồm bất kỳ thông tin mơ hồ nào nên không cần sử dụng thuộc tính phạm vi để kết nối tiêu đề với dữ liệu chính xác An empty table header error means that one of the table headers on your post or page does not contain any text. This means that the Lỗi tiêu đề bảng bị thiếu có nghĩa là một trong các bảng của bạn chứa các phần tử dữ liệu (thông tin có trong thẻ Trong ví dụ mã tiêu đề bảng bị thiếu ở trên, chỉ có hai cột tiêu đề nhưng có ba cột dữ liệu Trong khi kiểm tra nội dung trang hoặc bài đăng của bạn, Trình kiểm tra khả năng truy cập sẽ xem xét tất cả các bảng có trong trang hoặc bài đăng và tìm kiếm hai điều. (1) nếu có bất kỳ phần tử Các bảng HTML là hoàn hảo để hiển thị dữ liệu dạng bảng. Dữ liệu dạng bảng là dữ liệu có thể được tổ chức thành một lưới các hàng và cột có tổ chức trong đó thông tin trong mỗi ô riêng lẻ chia sẻ một thuộc tính hoặc theo một cách nào đó có liên quan đến các ô khác trong cùng một cột hoặc hàng. Ví dụ về thông tin có thể được chia sẻ chính xác qua bảng là những thứ như lịch biểu, thông tin về giá cả hoặc danh sách thành viên Trước đây, các bảng HTML được các nhà phát triển web sử dụng để tạo bố cục nhiều cột khi họ xây dựng các trang web. Đây không phải là cách sử dụng bảng chính xác và có thể gây nhầm lẫn cho người dùng trình đọc màn hình, những người sẽ nghe thấy rằng bảng có trên trang nhưng nội dung của bảng sẽ không có ý nghĩa. Bố cục trang web và thiết kế cột hoặc lưới phải đạt được bằng mã CSS, không phải bảng Chỉ nên chứa dữ liệu dạng bảng trong bảng Tiêu đề bảng giúp thiết lập mối quan hệ giữa các ô trong bảng trên các hàng hoặc cột và để giải thích dữ liệu trong từng ô riêng lẻ là gì Những người sáng mắt có thể nhanh chóng quét qua các hàng và cột trong bảng và tìm thông tin mà họ muốn. Đối với người mù hoặc khiếm thị đang sử dụng công nghệ hỗ trợ để đọc bảng cho họ nghe, có thể rất khó diễn giải và hiểu các điểm dữ liệu khác nhau trong các ô khác nhau kết nối với nhau như thế nào Việc sử dụng đúng các tiêu đề bảng cho phép bộ đọc màn hình liên kết các tiêu đề đó với các ô mà chúng được kết nối. Điều này cho phép trình đọc màn hình diễn giải dữ liệu trong bảng giống như cách mà một người sáng mắt sẽ Trên các bảng có tiêu đề bảng được liên kết chính xác, người dùng trình đọc màn hình có thể yêu cầu trình đọc màn hình đọc toàn bộ hàng hoặc cột cùng một lúc hoặc họ có thể điều hướng qua từng ô trong bảng, nghe thấy tiêu đề cột và hàng được đọc cho họ nghe Nếu tiêu đề bảng bị thiếu hoặc trống, thì người dùng trình đọc màn hình sẽ không thể hiểu đầy đủ thông tin có trong bảng, đặc biệt nếu đó là bảng dài hơn hoặc bảng có thông tin kém trực quan hơn. Chỉ dựa vào các dấu hiệu trực quan sẽ có khả năng dẫn đến một bảng không thể truy cập được và vì lý do này, các tiêu đề bảng không bao giờ được để trống – bao gồm cả ô trên cùng bên trái Ngoài những thách thức mà tiêu đề bảng trống hoặc bị thiếu gây ra cho người mù hoặc người sử dụng trình đọc màn hình, cũng có những người sử dụng các cách khác để hiển thị dữ liệu sao cho dễ hiểu hơn đối với họ. Điều này có thể bao gồm thay đổi kích thước và màu sắc văn bản hoặc định cấu hình lại thông tin để hiển thị trong danh sách thay vì lưới. Nếu bảng của bạn không được mã hóa bằng ngữ nghĩa HTML thích hợp, chẳng hạn như tiêu đề bảng, thì các kết xuất thay thế của bảng có thể không rõ ràng Thông tin, cấu trúc và mối quan hệ được truyền tải qua bản trình bày có thể được xác định theo chương trình hoặc có sẵn dưới dạng văn bản Để sửa tiêu đề bảng trống, bạn cần tìm đúng thành phần HTML ( To fix a missing table header, you need to find the section of code that has less Trước tiên, hãy cài đặt plugin WordPress Trình kiểm tra khả năng truy cập miễn phí Đối với bất kỳ trang hoặc bài đăng nào có lỗi Tiêu đề bảng trống hoặc lỗi Thiếu tiêu đề bảng trong trình chỉnh sửa WordPress, bạn có thể mở tab chi tiết trong hộp meta Trình kiểm tra khả năng truy cập, sau đó mở rộng lỗi áp dụng để xem danh sách mã gây ra Ví dụ hiển thị trong ảnh chụp màn hình ở trên là cùng một lỗi Thiếu tiêu đề bảng được cung cấp như một ví dụ ở trên. Nếu đây là trang web của bạn, bạn sẽ muốn tìm bảng này trên bài đăng hoặc trang của mình và thêm tiêu đề bổ sung Ghi chú. trong một số trường hợp, nếu bạn đang sử dụng plugin để tạo bảng để nhúng vào bài đăng và trang của mình, bạn sẽ không thể chỉnh sửa tiêu đề bảng trong bài đăng hoặc trang đã xuất hiện lỗi. Trong trường hợp đó, bạn sẽ cần đến nơi trong bảng điều khiển quản trị viên WordPress của mình, nơi để tạo bảng và thêm tiêu đề vào đó. Sau khi cập nhật bảng trong plugin bảng, bạn có thể cần cập nhật bài đăng hoặc trang nơi bảng được nhúng để xóa lỗi trong Trình kiểm tra khả năng truy cập Như đã mô tả trước đây, tùy thuộc vào mức độ phức tạp của dữ liệu của bạn, có một số cách để tạo các bảng HTML được gắn nhãn phù hợp và có thể truy cập được Một bảng đơn giản là một bảng có một tiêu đề duy nhất ở đầu mỗi cột hoặc có thể có một tiêu đề duy nhất trong mỗi cột và một tiêu đề duy nhất trong cột đầu tiên của mỗi hàng. Các bảng đơn giản không có các cột hoặc hàng lồng nhau. Bạn có thể xem lại ví dụ chúng tôi đã cung cấp ở trên trong phần về cách tạo các bảng này Ngoài ra, W3C có một số hướng dẫn thể hiện đánh dấu cấu trúc thích hợp cho các bảng đơn giản bao gồm Bảng phức hợp là bảng bao gồm các hàng hoặc cột lồng nhau hoặc tiêu đề được đặt ở những vị trí khác với hàng hoặc cột đầu tiên Càng nhiều càng tốt, chúng tôi khuyên bạn không nên sử dụng các bảng có nhiều cấp tiêu đề cột và hàng hoặc tiêu đề trải rộng trên nhiều cột hoặc hàng Các bảng phức tạp, giống như bảng được hiển thị ở trên, có thể được mã hóa chính xác và có thể truy cập được (bảng này là như vậy), nhưng thường khó triển khai chính xác đánh dấu và phạm vi cần thiết để những người sử dụng trình đọc màn hình có thể truy cập bảng Ngay cả khi được mã hóa chính xác, những bảng như thế này vẫn có thể khó hiểu đối với người mù hoặc người khiếm thị. Trong hầu hết các trường hợp, cách trình bày dữ liệu thay thế, chẳng hạn như cung cấp một số bảng đơn giản hơn thay cho một bảng đơn phức tạp, có thể là một cách thay thế hiệu quả hơn để chia sẻ dữ liệu của bạn. Ngoài ra, tùy thuộc vào chủ đề trang web của bạn, các bảng rộng có nhiều cột có thể không đáp ứng trên thiết bị di động và có thể đặc biệt khó đọc và hiểu trên thiết bị di động Nếu bạn muốn mã hóa chính xác một bảng phức tạp trong trang web WordPress của mình, có thể bạn sẽ cần sử dụng khối HTML thay vì một trong các khối bảng tích hợp sẵn và nên tự làm quen với các nguyên tắc của W3C để tạo bảng có tiêu đề nhiều cấp hoặc |
