Home Page Audit - February 2024
This WCAG audit was made on the homepage of a XWiki instance. Fails related to the content of this homepage have been removed from this retranscription.
Date Completed: February 5th, 2024
WCAG 2.1 Reference: https://www.w3.org/TR/2018/REC-WCAG21-20180605/
Browser: Google Chrome (Windows)
Screen Reader: NVDA (installer version)
Tools Used: Inspect Tool, WebAim Color Contrast Checker, Text Spacing Editor
| WCAG Rule | Description | Jira ticket | Solved |
|---|---|---|---|
1.3.2 Meaningful Sequence
| Issue #1 - Header
| https://jira.xwiki.org/browse/XWIKI-22170 | |
1.4.1 Use of Color | Issue #1 Suggestion: Consider implementing a focus highlight color that is dark enough, so that users with low vision are able to identify which element on the page has current keyboard focus. | ||
1.4.3 Contrast (Minimum) | Although the webpage passes this criteria, there is text on the page that is much smaller than the recommended font size which is 14px minimum. For example, the "Tags" and "Last modified" texts. | https://jira.xwiki.org/browse/XWIKI-21873 | |
1.4.13 Content on Hover or Focus | Drop-down menus, when presented via keyboard focus, cannot be dismissed via Esc key, and can only be dismissed by mouse. This is problematic as the dropdown menus cover important content on the site (breadcrumb menu), and may interfere with the user’s ability to do a task or access content without dismissing the popup. | https://jira.xwiki.org/browse/XWIKI-21966 | |
2.1.1 Keyboard | The ‘Notification’ toggles are not accessible via keyboard, and are only clickable using the mouse. | https://jira.xwiki.org/browse/XWIKI-22197 | |
2.4.1 Bypass Blocks | ‘Skip to Main Content’ Link is not present on both the prod and dev site. | https://jira.xwiki.org/browse/XWIKI-18006 | |
4.1.2 Name, Role, Value | The tab element at the bottom of the page, does not have an aria label indicating to the screen reader that the element is a tab. The screen reader identifies the tab as a list with 4 items. The tab items all have anchor links, which is present to help keyboard users access the tab items, however this is not the correct format of an accessible tab. Suggestion: Consider using correct role, property, state and Tabindex attributes, in addition to aria labeling to properly format the tab element. | https://jira.xwiki.org/browse/XWIKI-20844 |
