a11y.css icon indicating copy to clipboard operation
a11y.css copied to clipboard

New tests : ARIA design patterns

Open ffoodd opened this issue 8 years ago • 6 comments

Following WAI-ARIA Authoring Practices, we can create tons of selectors to test what's testable :)

eg:

[role="alertdialog"]:not([aria-label]):not([aria-labelledby]) {
}

but since it would be pretty heavy — and also kinda specialized — I think it should be a separate level file. Some new tests regarding ARIA would also move to this new level…

ffoodd avatar Apr 13 '17 12:04 ffoodd

More examples from @Heydon's "Apps for all":

  • [role="status"]:not([aria-live="polite"])
  • [role="alert"]:not([aria-live="assertive"])
  • [aria-live="polite"]:not([role="status"])
  • [aria-live="assertive"]:not([role="alert"])
  • [role="tablist"] a:not([role="tab"]): not quite sure about this one…
  • [role="tabpanel"]:not([id])
  • [role="tab"]:not([aria-controls])

ffoodd avatar May 02 '17 15:05 ffoodd

I don’t see why you’d separate this from the rest—it’s a whole bunch of “if you’re doing fancy ARIA stuff, make sure you’re doing it properly” things; people that aren’t using ARIA won’t be affected. The negative impact of poorly-implemented ARIA stuff is often higher than no ARIA stuff, so I think it’s worthwhile foisting this on everyone.

chris-morgan avatar Nov 16 '17 01:11 chris-morgan

Good point! And in fact we'll probably have errors, warnings and advices too, makes sense to stick to the current levels.

ffoodd avatar Nov 16 '17 08:11 ffoodd

Another resource that could be checked: display-wai-aria.css by @masuP9 :)

ffoodd avatar Dec 07 '17 12:12 ffoodd

And another one, with a dedicated required attributes column per pattern on whatsock.com.

ffoodd avatar Dec 18 '17 12:12 ffoodd

Some from @felixzapata too: cssTest-a11y. Not only ARIA ones :)

ffoodd avatar Apr 25 '18 10:04 ffoodd