From 9d6c2ae2647392f39a6ac4ef067b0d985139a7e1 Mon Sep 17 00:00:00 2001 From: Ferdinand Thiessen Date: Fri, 1 Dec 2023 02:33:52 +0100 Subject: [PATCH 1/2] fix(files): Remove confusing table header labels For screen readers the table header was very verbose and confusing, as the SR reads out e.g. "sort list by name button FILENAME" for every row / file. Instead reduce it to "name button FILENAME" and add information about sorting to caption, as recommended by WCAG [1] [1]: https://www.w3.org/WAI/ARIA/apg/patterns/table/examples/sortable-table/ Signed-off-by: Ferdinand Thiessen --- .../components/FilesListTableHeaderButton.vue | 22 ++++++++----------- .../files/src/components/FilesListVirtual.vue | 3 ++- 2 files changed, 11 insertions(+), 14 deletions(-) diff --git a/apps/files/src/components/FilesListTableHeaderButton.vue b/apps/files/src/components/FilesListTableHeaderButton.vue index 659aee8e456..80f64e3bd3a 100644 --- a/apps/files/src/components/FilesListTableHeaderButton.vue +++ b/apps/files/src/components/FilesListTableHeaderButton.vue @@ -20,10 +20,11 @@ - -->