[Multicolumn] Image alt text defaults to column title

[svinkle]

Issue summary

In the Multicolumn section, if an image is added, its alt text is automatically set from the column title. Depending on the intended purpose of the image/content, this could result in incorrect alt content or missing alt content.

Screenshots

Current code

HTML

<img … alt="Google Test" … />
<h3 …>Google Test</h3>

Steps to reproduce

1. Go to a Dawn homepage which features the Multicolumn section with images with any supported browser
2. In admin, set the image alt text different than the column title text
3. Use the web inspector to review the image and heading markup

Behavior

Expected

• Image alt value to be as set in Admin.

Actual

• Image alt is set as the column title text.

Recommendation

Separate the image alt text from the column heading text. Use the liquid variable from the image object and set as the image alt attribute value.

Recommended code

HTML

<img … alt="Google" … />
<h3 …>Google Test</h3>

Specifications

• WCAG Principal: Perceivable
• WCAG SC: 1.1.1 Non-text Content
• Severity: High
• Effort: Low

[robertKegel]

Changed the multicolumn.liquid section file to assign block.settings.image.alt to the img tag's alt attribute.