Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[a11y] 9.4.1.2 Name, role, value available #10739

Open
13 tasks
tschiebel opened this issue Apr 5, 2024 · 0 comments
Open
13 tasks

[a11y] 9.4.1.2 Name, role, value available #10739

tschiebel opened this issue Apr 5, 2024 · 0 comments
Assignees
Labels
Priority:p3-medium Normal priority Topic:Accessibility Type:Bug Something isn't working

Comments

@tschiebel
Copy link

audit: https://infinite.owncloud.com/s/PnaAukHGGsLnrMM

https://bitvtest.de/pruefschritt/bitv-20-web/bitv-20-web-9-4-1-2-name-rolle-wert-verfuegbar

General notes:
The "Collapse/expand sidebar" button does not communicate its status to non-visual users.
status to non-visual users. To improve this, the "aria-expanded" attribute should be used.
should be used.
image

Personal

  • The use of "aria-expanded" attributes together with "span" elements
    is not permitted. Further information on this can be found at
    https://www.w3.org/TR/wai-aria-1.2/#aria-expanded. The attribute should be removed
    be removed.
    image

  • In the "Approvals" area, you can use the "Set expiration date" button to open a
    datepicker element can be opened. The two buttons for changing the month
    are only available to mouse users, although the "role"="button"
    was used. It is recommended to remove the "role"="button".
    image

  • In the "Shares" area, there is a "Search" combo box element that is located in a "div" wrapper.
    is located in a "div" wrapper. It is not recommended to use the "aria-describedby" attribute together with
    attribute together with "div" elements, as the output cannot be guaranteed by screen readers.
    screen readers cannot be guaranteed.
    image

  • In the tile view, the label of the sort button is provided by the sort value, for example
    sorting value, for example "A-Z". The visual label
    "Sort by" is not linked to the element, however, and using the "aria-describedby
    the "aria-describedby" attribute does not help to understand the purpose of the button.
    understand the purpose of the button. It is recommended to implement the element using the HTML "select" element
    element and link it programmatically to the visual label,
    which was realized by the "label" element.
    image

  • In the mobile (responsive) view, the label of the menu button corresponds to the name of the current page. This could be confusing for some users
    confusing for some users and it is not clear which page they are on.
    Even if the menu is open, the active page (e.g. via the "aria-current" attribute) is not displayed.
    attribute) is not displayed.
    image

  • When focusing the "Files per page" combo box in the menu
    "Show customization options for the file list" menu with the keyboard and a screen reader
    activated screen reader, the element is automatically opened and the screen reader
    screen reader focus is automatically set to the first element. This
    screen reader users are not informed that this element is a combo box.
    element is a combo box. A working example of this
    problem can be found at
    https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/comboboxselect-only/ can be found.
    Also, the accessible name of the element "Files per page" is not
    is not displayed.
    image

  • See general notes.

Shares

  • In the responsive (mobile) view, there is a problem with focusing with
    with screen readers switched on: If the "Shared with me" menu is open,
    when focusing on the "Shared with me" buttons, not only the label of the button is
    label of the button, but also all links in the menu. This
    is due to the use of the "aria-describedby" attribute.
    image

  • See commentary on Personal.

Spaces

  • In all modal dialogs such as "Change subtitle for this space 8A - Art", the "aria-labelledby" attribute is
    the "aria-labelledby" attribute is placed on a "div" element instead of on the element with the
    element with the role "dialog".
    image

  • See commentary on Personal.

Deleted Files

  • See general notes.

Account

  • Modal dialog "Change password" - The "aria-labelledby" attribute is placed on a "div" element instead of on the element with the
    element instead of the element with the role "dialog".
@tschiebel tschiebel added Type:Bug Something isn't working Priority:p3-medium Normal priority Topic:Accessibility labels Apr 5, 2024
@pascalwengerter pascalwengerter self-assigned this Apr 16, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Priority:p3-medium Normal priority Topic:Accessibility Type:Bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants