A11y in SPA

Roman Liutikov, @redradix

Comment on GitHub: This is absurd.. There are projects that don't need aria support.. You should supply a way to disable it and warn that this is disabled.. Adding additional attributes to large amount of elements is extra bytes that I can't allow to have in my project..
Comment on GitHub from Eric Eggert: Are your projects used by humans? If they do, they need ARIA support.

You don't know how many of your users have disabilities

The more you grow, the more responsibility you carry

AngularJS

ngAria

Included into Angular Material

ngAria console warning. ARIA: Attribute aria-label, required for accessibility, is missing on node: button.md-fab.md-warn.md-button.md-default-theme

React

React A11y

React Accessibility console warnings. Button You have a click handler on a non-interactive element but no `role` DOM property. It will be unclear what this element is supposed to do to a screen-reader user. http://www.w3.org/TR/wai-aria/roles#role_definitions Button You have a click handler on a non-interactive element but no `tabIndex` DOM property. The element will not be navigable or interactive by keyboard users. http://www.w3.org/TR/wai-aria-practices/#focus_tabindex

Ember.js

Ember A11y Testing

Ember Accessibility testing failed test. Acceptance: aria-properties: checkAriaRoles passes. Actual: false. Expected: true. Message: A11yError: [object HTMLElement] is required to have the attribute 'aria-checked' when using role='checkbox'

A11y Tools

References

Roman Liutikov

Roman Liutikov's face