toolkit
toolkit copied to clipboard
Footer component: ARIA role violation
The latest version of AInspector (v3.1) flags the footer's wordmark as missing an appropriate aria role (SC 4.1.2).
The violation can be addressed as follows:
- Add
role="img"
attribute if thesvg
element is a descriptive image (most likely). When theimg
role is used the svg `title element can be used to provide a text equivalent. - Add an appropriate ARIA role if the
svg
is interactive or can be represented by some other document role. For example atable
roles if the svg content represents tabular data.
WCAG Success Criteria
- Success Criterion 4.1.2 Name, Role, Value (Primary) (https://www.w3.org/TR/WCAG22/#name-role-value)
- Success Criterion 1.1.1 Non-text Content (https://www.w3.org/TR/WCAG22/#non-text-content)
Edit: remove inappropriate resolution step