Mattermost-server: Remove duplicate id uses by the search container

Created on 18 Nov 2019  路  2Comments  路  Source: mattermost/mattermost-server

This issue was found by the aXe Chrome extension for finding WCAG issues. In order to successfully complete this issue, you'll need to make sure to test using the tool and ensure that all of the warnings covering the components scoped below are cleared. You can find more information on the issue at the link below:

We are commonly using the same id tag on html elements repeatedly. We need to make sure we are using unique ones throughout the application. Some of these id attributes are also used by Cypress, if you are purely removing them you鈥檒l need to correct the Cypress tests accordingly.

The following ids are used by the search bar container, and are duplicated when the RHS is open, regardless of the visibility:
searchBox
channelHeaderMentionButton
channelHeaderFlagButton
searchbar-help-popup
sidebarCollapse
searchFormContainer
searchClearButton

Using the aXe tool, find all instances of the above error, and correct them by:

  1. Changing the id to something else more unique OR
  2. Removing the id if it is unnecessary.

If you're interested please comment here and come join our "Contributors" community channel on our daily build server, where you can discuss questions with community members and the Mattermost core team. For technical advice or questions, please join our "Developers" community channel.

New contributors please see our Developer's Guide.

JIRA: https://mattermost.atlassian.net/browse/MM-20269

AreAccessibility Easy Good First Issue Help Wanted PR Exists TecReactJS

Most helpful comment

can i work on this?

All 2 comments

can i work on this?

Was this page helpful?
0 / 5 - 0 ratings