UserManagment UI Accessibility issues

**[Original report](https://bitbucket.org/laborstudents/cas-flask/issue/314) by Jamal Aw Yonis (Bitbucket: [awyoonisj](https://bitbucket.org/awyoonisj), GitHub: [jawyoonis](https://github.com/jawyoonis)).**

----------------------------------------

* **.Issue#1**
Ensures each HTML document contains a non-empty element

Impact of the issue: **serious**

To solve this violation, you need to:
**Fix the following:**
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:[Link Text](https://dequeuniversity.com/rules/axe/3.1/document-title?application=AxeChrome)

**impacted Files:** usermanagement.html

* **issue#2**

**IDs** used in **ARIA** and labels must be unique

Impact:** critical**

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.

* **Issue#3**
Form Element must have lables
To solve this violation, you need to:
**Fix at least one (1) of these issues:**
1. aria-label attribute does not exist or is empty
2. aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
3. Form element does not have an implicit (wrapped) <label>
4. Form element does not have an explicit <label>
5.Element has no title attribute or the title attribute is empty
**File effected:** usermanagement.html and may usermanagement.css and js
**got to this link, to learn more about this issue and how it can be solved**
[Link Text](https://dequeuniversity.com/rules/axe/3.1/label?application=AxeChrome)

***Issue#4** 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.
[Link#1](https://dequeuniversity.com/rules/axe/3.1/label?application=AxeChrome)
[Link#2](https://dequeuniversity.com/rules/axe/3.1/page-has-heading-one?application=AxeChrome)