Close button should be accessible via aria-label and have a localized value

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.0.X, 7.1.X, Master
• Fix Version/s: 7.0.0 DXP FP66, 7.0.X, 7.1.10 DXP FP5, 7.1.10.1 SP1, 7.1.2 CE GA3, 7.1.X, Master
• Component/s: Accessibility
• Labels:
  • ee-ts
  • liferay-dxp-70-sp10
  • liferay-dxp-71-sp1
  • liferay-fixpack-de-66-7010
  • liferay-fixpack-dxp-5-7110
• Branch Version/s:
  7.1.x, 7.0.x
• Backported to Branch:
  Committed
• Fix Priority: 3
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/64774

Description

Elements of type <button> whose class attribute has value "close" should have a descriptive and localized aria label. See https://www.w3.org/TR/WCAG20-TECHS/ARIA14.html.

Example cases

To check localization test in a locale other than English. For example, in the case of Spanish, the value of the attribute aria-label should be "Cerrar".

Warning and alert of session timeout

1. Wait for session to expire
2. When the notification (warning that expiration is close, or that session has expired) inspect the close button, that is, the "x".
   Expected: The value of the aria-label attribute is "Cerrar".

Export/Import

1. Create a new web content
2. In the 3-dot menu in the upper right corner, click on Export/Import
3. Filter by Date Range and select and End Date that is earlier than the Start Date to produce an error message.
4. Try to export to obtain the error: "End date should be greater than start date" and inspect the close button, that is, the "x".
   Expected: The value of the aria-label attribute is "Cerrar".