Accessibility issues in heading hierarchy in Message Boards

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.2.X, 7.3.X, Master
• Fix Version/s: 7.2.10 DXP FP17, 7.2.10.6 DXP SP6, 7.2.X, 7.3.10.3 DXP SP3, 7.3.X, 7.4.13 DXP GA1, 7.4.3.4 CE GA4, 7.4.3.7 CE GA7, 7.4.13 DXP U3, 7.4.3.8 CE GA8, 7.4.13 DXP U4, Master
• Component/s: Accessibility, Message Boards
• Labels:
  • ee-ts
  • liferay-dxp-72-sp6
  • liferay-dxp-73-sp3
  • liferay-fix-pack-dxp-3-7310
  • liferay-fixpack-dxp-17-7210
  • liferay-fixpack-dxp-3-7310
  • liferay-fixpack-dxp-4-7310
  • liferay-update-dxp-4-7310
  • liferay-update-dxp-4-7413
• Branch Version/s:
  7.3.x, 7.2.x
• Backported to Branch:
  Committed
• Story Points: 1
• Fix Priority: 2
• Sprint: LIMA | QA Sprint 14
• Git Pull Request: https://github.com/liferay-frontend/liferay-portal/pull/1640
• Bug Type: Accessibility
• QA Test Name:
  • dont-test-again

Description
There are a few accessibility issues in Message Boards regarding heading hierarchy

Steps to reproduce

1. Add Message Board widget to your Home page.
2. Add a Category.
3. Add a Thread into that category.

Issues in Message Board's main view

• Heading hierarchy is not being followed. We go from h2 to h4
• The element "Categories" marked with css class "list-group-header-title" it is not a header opposite to what its css class seems to show.
• Description is a h5 header even when it is just a description and it should not be any kind of header.

Issues in Message Board's categories view

• The element "Threads" marked with css class "list-group-header-title" it is not a header opposite to what its css class seems to show.
• Thread's subject is a h2 header not following the heading hierarchy

Issues in Message Board's thread view

• User's name is a h5 header which breaks heading hierarchy and does not seem necessary.