You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Description
Alt text is missing on the image tags for the '+' svgs on the accordion section headers
Proposed Solution
This is an interesting one, because there's a couple ways to think about it...
The accordion is already open and displays the description under the title to the user - is the '+' an icon as in, does it convey meaning, or is it decorative.
A '+' would universally be understood as addition, but in the context of a collapsible accordion maybe a 'v' is more informative for 'expand' and '^' for 'collapse would be a better choice.
Or are we trying to build semantic markup.
Solutions
Solution 1 (quick): Give the in the accordions an alt attribute.
Solution 2 (semantic): Pull the tag out of the image, and use aria-hidden (if decorative) and role attributes.
Additional Notes
Article on font icons/icons and svg for consideration.
Project Title: Uyuni Website Refresh - Accessibility and Responsiveness (#205)
Accessibility/Responsive Issue
Page
Home/landingpage
Description
Alt text is missing on the image tags for the '+' svgs on the accordion section headers
Proposed Solution
This is an interesting one, because there's a couple ways to think about it...
The accordion is already open and displays the description under the title to the user - is the '+' an icon as in, does it convey meaning, or is it decorative.
A '+' would universally be understood as addition, but in the context of a collapsible accordion maybe a 'v' is more informative for 'expand' and '^' for 'collapse would be a better choice.
Or are we trying to build semantic markup.
Solutions
Solution 1 (quick): Give the in the accordions an alt attribute.
Solution 2 (semantic): Pull the tag out of the image, and use aria-hidden (if decorative) and role attributes.
Additional Notes
Screenshot
The text was updated successfully, but these errors were encountered: