Status accessibility, UX

[missmatsuko]

Description

• Definitely need to expose status to screen readers. Currently the icons do not have accessible text applied (e.g. aria-label).

  I think it would be beneficial to display the full text, though, especially since there isn't really a legend for the icons (aside from opening the status filter) and the same icons are used for slightly different meanings (e.g. expired entries and suspended users statuses are both red squares).

  This can be similar to how the status is displayed when the entry/user is being edited:
  

• Status should have its own column in the listing tables.

• I wonder if using the same style icons for statuses and boolean fields might be confusing since they have different meanings... Maybe the boolean option can be represented with a checkmark instead?
  

  I was also thinking about a different type of icon for status. For example, circles with different amounts filled? This seems like it would represent the statuses more intuitively, but might be harder to distinguish than the different shapes.

• I think it'd be good to remove the icon next to 'All' in the status dropdown, since it looks like it might filter to show items with the same icon as the disabled entries:
  

Additional info

• Craft version: 3.5.11.1
• PHP version:
• Database driver & version:
• Plugins & versions:

[gcamacho079]

Most of the issues in this list have been addressed:

• Icons have alternative text when they are not adjacent to equivalent text
• In Element status labels #14968, status label text was added to element index tables and element cards, but there are still some areas where adjacent text isn’t shown (see PR reply for exclusions).
• Boolean fields have been updated to use a checkmark icon (Update text colors for hovered/selected elements and add adjacent text to checkbox icons #12213)
• The “All” icon has been updated to use a different color and shape than the disabled icon