Fix accessibility issues in spam logs
What does this MR do and why?
- Moves actions into single column
- Fixes accessibility issue regarding empty
th - Does not fix the link accessibility issue
Test output
Failures:
-
Admin browse spam logs browse spam logs Got 1 failure and 1 other error:
1.1) Failure/Error: expect(page).to be_axe_clean.within '.table'
Found 2 accessibility violations: 1) empty-table-header: Table header text should not be empty (minor) https://dequeuniversity.com/rules/axe/4.6/empty-table-header?application=axeAPI The following 1 node violate this rule: Selector: th:nth-child(11) HTML: <th></th> Fix any of the following: - Element does not have text that is visible to screen readers 2) link-in-text-block: Links must be distinguishable without relying on color (serious) https://dequeuniversity.com/rules/axe/4.6/link-in-text-block?application=axeAPI The following 1 node violate this rule: Selector: a[href$="user1"] HTML: <a href="/admin/users/user1">Sidney Jones1</a> Fix any of the following: - The link has insufficient color contrast of 2.69:1 with the surrounding text. (Minimum contrast is 3:1, link text: #1f75cb, surrounding text: #333238) - The link has no styling (such as underline) to distinguish it from the surrounding text
| Before | After |
|---|---|
 |
 |
How to set up and validate locally
http://127.0.0.1:3000/admin/spam_logs
Links
Edited by Annabel Dunstone Gray