Feature #43264
Updated by Ernesto Puerta over 4 years ago
While it's very likely that dashboard meets some accessibility guidelines (ARIA attributes, alt text, etc), we currently ignore its level of conformance adherence to WCAG 2.1 standard (levels A, AA and AAA). A reference list of guidelines "is provided":https://www.w3.org/WAI/WCAG21/quickref/. Proposal: * Enable a11y-related "Codelizer tslint @accessibility-*@ rules":http://codelyzer.com/rules/ * Run "WAI/WCAG 2.1 checker":https://www.w3.org/WAI/ER/tools/?q=wcag-21-w3c-web-content-accessibility-guidelines-21 * Document guidelines in "HACKING.rst":https://github.com/ceph/ceph/blob/master/src/pybind/mgr/dashboard/HACKING.rst Ongoing work: * According to "SiteImprove Chrome extension":https://chrome.google.com/webstore/detail/siteimprove-accessibility/efcfolpjihicnikpmhnmphjhhpiclljc, Ceph-dashboard Landing Page (as of version 15.0.0-8054-g45907ee) has the following conformance: ** level A: 11 issues (various 'adaptable', 'enough time', 'navigable', and 'compatible' issues) ** level AA: 13 (+2) issues ('distinguishable' issues: color contrast' minimum) ** level AAA: 16 (+3) issues ('distinguishable': color contrast enhanced, and 'navigable': section headings) * "Axe Chrome Plugin":https://www.deque.com/axe/ renders similar issues (lack of visual contrast, and some missing structural directives). The above might suggest that dashboard is not that far from achieving A level of conformance.