UserManagment UI Accessibility issues

Original report by Jamal Aw Yonis (Bitbucket: awyoonisj, GitHub: jawyoonis).

.Issue#1 Ensures each HTML document contains a non-empty element</li> </ul> <p>Impact of the issue: <strong>serious</strong></p> <p>To solve this violation, you need to: <strong>Fix the following:</strong> Document does not have a non-empty <title> element if you want to learn more about this issue and how to fix it go to this link:<a rel="noreferrer nofollow" target="_blank" href="https://dequeuniversity.com/rules/axe/3.1/document-title?application=AxeChrome">Link Text</a></p> <p><strong>impacted Files:</strong> usermanagement.html</p> <ul> <li><strong>issue#2</strong></li> </ul> <p><strong>IDs</strong> used in <strong>ARIA</strong> and labels must be unique </p> <p>Impact:<strong> critical</strong></p> <p>To fix the problem, change an ID value if it is used more than once to be sure each is unique. Unique ID's differentiate each element from another and prevent invalid markup, wherein only the first instance gets acted upon by client-side scripting, or where assistive technologies typically only reference the first one accurately.</p> <ul> <li><strong>Issue#3</strong> Form Element must have lables To solve this violation, you need to: <strong>Fix at least one (1) of these issues:</strong> <ol> <li>aria-label attribute does not exist or is empty</li> <li>aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty</li> <li>Form element does not have an implicit (wrapped) <label></li> <li>Form element does not have an explicit <label> 5.Element has no title attribute or the title attribute is empty <strong>File effected:</strong> usermanagement.html and may usermanagement.css and js <strong>got to this link, to learn more about this issue and how it can be solved</strong> <a rel="noreferrer nofollow" target="_blank" href="https://dequeuniversity.com/rules/axe/3.1/label?application=AxeChrome">Link Text</a></li> </ol></li> </ul> <p>*<strong>Issue#4</strong> The issue is each page must have a mian landmark and level headings file impacted: usermanagement.html go to these links t to learn more about the issue. <a rel="noreferrer nofollow" target="_blank" href="https://dequeuniversity.com/rules/axe/3.1/label?application=AxeChrome">Link#1</a> <a rel="noreferrer nofollow" target="_blank" href="https://dequeuniversity.com/rules/axe/3.1/page-has-heading-one?application=AxeChrome">Link#2</a></p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/bryantal"><img src="https://avatars.githubusercontent.com/u/28715731?v=4" />bryantal</a> commented <strong> 5 years ago</strong> </div> <div class="markdown-body"> <p><strong>Original comment by Katelyn Adams (Bitbucket: <a href="https://bitbucket.org/paesh1997">paesh1997</a>, GitHub: <a href="https://github.com/paesh1997">paesh1997</a>).</strong></p> <hr /> <ul> <li><strong>.Issue#1</strong> Ensures each HTML document contains a non-empty <title> element</li> </ul> <p>Impact of the issue: <strong>serious</strong></p> <p>To solve this violation, you need to: <strong>Fix the following:</strong> Document does not have a non-empty <title> element if you want to learn more about this issue and how to fix it go to this link:<a href="https://dequeuniversity.com/rules/axe/3.1/document-title?application=AxeChrome">Link Text</a></p> <p><strong>impacted Files:</strong> usermanagement.html</p> <ul> <li><strong>issue#2</strong></li> </ul> <p><strong>IDs</strong> used in <strong>ARIA</strong> and labels must be unique </p> <p>Impact:<strong> critical</strong></p> <p>To fix the problem, change an ID value if it is used more than once to be sure each is unique. Unique ID's differentiate each element from another and prevent invalid markup, wherein only the first instance gets acted upon by client-side scripting, or where assistive technologies typically only reference the first one accurately.</p> <ul> <li><strong>Issue#3</strong> Form Element must have lables To solve this violation, you need to: <strong>Fix at least one (1) of these issues:</strong> <ol> <li>aria-label attribute does not exist or is empty</li> <li>aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty</li> <li>Form element does not have an implicit (wrapped) <label></li> <li>Form element does not have an explicit <label> 5.Element has no title attribute or the title attribute is empty <strong>File effected:</strong> usermanagement.html and may usermanagement.css and js <strong>got to this link, to learn more about this issue and how it can be solved</strong> <a href="https://dequeuniversity.com/rules/axe/3.1/label?application=AxeChrome">Link Text</a></li> </ol></li> </ul> <p>*<strong>Issue#4</strong> The issue is each page must have a mian landmark and level headings file impacted: usermanagement.html go to these links t to learn more about the issue. <a href="https://dequeuniversity.com/rules/axe/3.1/label?application=AxeChrome">Link#1</a> <a href="https://dequeuniversity.com/rules/axe/3.1/page-has-heading-one?application=AxeChrome">Link#2</a></p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>

BCStudentSoftwareDevTeam / cas

UserManagment UI Accessibility issues #314