stable
Clone or download
request #14747: Possible misuse of aria-label for tlp-modal-close
The Nu HTML Checker[0] complains about usage of aria-label for tlp-modal-close: > **Warning**: Possible misuse of aria-label ```html <pre><!DOCTYPE html> <html lang="en"> <title>Test</title> <div class="tlp-modal-close" data-dismiss="modal" aria-label="Close"> × </div> </html></pre> ``` The attribute aria-label should not be used on div element unless it is marked as landmark or widget role[1]. In our case we have a button, therefore the div should have role="button". And since it is a button, it should be focusable[2] and should have focus styling[3]. [0] https://validator.w3.org/nu/#textarea [1] https://developer.paciellogroup.com/blog/2017/07/short-note-on-aria-label-aria-labelledby-and-aria-describedby/ [2] https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Keyboard#Interactive_elements_must_be_focusable [3] https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Keyboard#Focusable_element_must_have_focus_styling Change-Id: Ia073f927b41671e13b1e79c60191bb7b12831fa6
Modified Files
| Name | ||||
|---|---|---|---|---|
| M | scripts/testmanagement/src/artifact-links-graph/artifact-links-graph.tpl.html | +1 | −1 | Go to diff View file |
| M | scripts/testmanagement/src/campaign/campaign-edit.tpl.html | +1 | −1 | Go to diff View file |
| M | scripts/testmanagement/src/campaign/campaign-new.tpl.html | +1 | −1 | Go to diff View file |
| M | scripts/testmanagement/src/execution/execution-link-issue.tpl.html | +1 | −1 | Go to diff View file |
| M | scripts/testmanagement/src/execution/execution-presences.tpl.html | +1 | −1 | Go to diff View file |