diff options
| author | Derick Montague <derick.montague@ibm.com> | 2019-04-01 17:57:27 -0500 |
|---|---|---|
| committer | Derick Montague <derick.montague@ibm.com> | 2019-04-08 23:40:05 -0500 |
| commit | 1ffa209e99da608e225df0a3a3caf47036b3a793 (patch) | |
| tree | bd42d5a53946e18c07d75efc01698e6644181cb2 /app/server-control | |
| parent | a5deeeafe84893722d601b2343943eb78f263e4f (diff) | |
| download | phosphor-webui-1ffa209e99da608e225df0a3a3caf47036b3a793.tar.gz phosphor-webui-1ffa209e99da608e225df0a3a3caf47036b3a793.zip | |
Resolve accessibility isssues
- Remove unecessary aria-roles
- Associate label elements with form elements
- Remove extraneous markup on Network settings page
- Update generic markup to use definition list when appropriate
- Add aria-labels and aria-expanded to accordion triggers
Tested: Accessibility issues tested in using Lighthouse in Chrome
Developer tools Audit section and Dequeue Axe extension. Manually tested clicking on labels
set focus on the form elements. Visually tested of the Network
Settings page in Chrome, Firefox, and Safari to verify layout changes.
Resolves openbmc/phosphor-webui#76
Signed-off-by: Derick Montague <derick.montague@ibm.com>
Change-Id: Ib974c623e9d3b74e74e1f374c21e8191732ec26a
Diffstat (limited to 'app/server-control')
| -rw-r--r-- | app/server-control/controllers/power-usage-controller.html | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/app/server-control/controllers/power-usage-controller.html b/app/server-control/controllers/power-usage-controller.html index 5369827..62ca3da 100644 --- a/app/server-control/controllers/power-usage-controller.html +++ b/app/server-control/controllers/power-usage-controller.html @@ -29,7 +29,7 @@ <p>Set a power cap to keep power consumption at or below the specified value in watts.</p> </div> <div class="small-12 large-4"> - <p class="content-label power-cap-value-label">POWER CAP VALUE IN WATTS</p> + <label for="power-cap" class="content-label power-cap-value-label">POWER CAP VALUE IN WATTS</label> <input id="power-cap" type="number" min="100" max="10000" step="1" ng-disabled="!power_cap.PowerCapEnable" ng-model="power_cap.PowerCap"/> </div> </li> |
