-
Notifications
You must be signed in to change notification settings - Fork 8.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[11532] Improve local nav accessibility #14365
[11532] Improve local nav accessibility #14365
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM
type="number" | ||
required | ||
class="kuiLocalDropdownInput kuiVerticalRhythmSmall" | ||
aria-describedby="consoleFontSize" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think we should rather use aria-labelledby
here, so that "Font Size" will really become the accessible name of that input field.
> | ||
<li | ||
role="tab" | ||
ng-class="{active: mode === 'quick' }" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Could you add aria-selected="{{ mode === 'quick' }}"
to this.
|
||
<li | ||
role="tab" | ||
ng-class="{active: mode === 'relative' }" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Could you also add aria-selected
here.
|
||
<li | ||
role="tab" | ||
ng-class="{active: mode === 'absolute' }" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Could you also add aria-selected
here.
Thanks for the review @timroes! I've addressed your feedback. Could you take another look? |
jenkins test this |
d936111
to
3b20fcf
Compare
jenkins, test this |
You need to merge master into this, to fix the licencing issues. |
dd727bb
to
d0c42b1
Compare
d0c42b1
to
bb89ee6
Compare
jenkins, test this |
…ox directive with kuiCheckBoxLabel styles.
- Refactor timepicker tabs to adhere to tablist structure correctly.
bb89ee6
to
b573dde
Compare
* Use h2 elements for titles in Sharing dropdown. * Override inherited typographic styles in kuiLocalDropdownTitle. * Use h2 elements for titles in Console dropdowns. * Update kuiLocalDropdownHeader__label class to be applicable to legend elements. * Update Console settings menu with aria labeling and UI Framework styles. * Remove unused config-close styles. * Update Dashboard local nav dropdowns with form labels and h2 elements. * Add support for dark theme to kuiCheckBox. * Update Dashboard local nav dropdowns and saved-object-save-as-check-box directive with kuiCheckBoxLabel styles. * Update Discover local nav with h2 elements. * Update Visualize local nav with h2 element. * Add aria-label to unlabeled inputs in Discover, Visualuze, and Timelion inputs. * Update Timelion local nav with h2 elements. * Update timepicker with tab roles, h2 elements, and UI Framework styles. * Improve labeling and add aria-selected to timepicker tabs. - Refactor timepicker tabs to adhere to tablist structure correctly. * Add tablist role.
* Use h2 elements for titles in Sharing dropdown. * Override inherited typographic styles in kuiLocalDropdownTitle. * Use h2 elements for titles in Console dropdowns. * Update kuiLocalDropdownHeader__label class to be applicable to legend elements. * Update Console settings menu with aria labeling and UI Framework styles. * Remove unused config-close styles. * Update Dashboard local nav dropdowns with form labels and h2 elements. * Add support for dark theme to kuiCheckBox. * Update Dashboard local nav dropdowns and saved-object-save-as-check-box directive with kuiCheckBoxLabel styles. * Update Discover local nav with h2 elements. * Update Visualize local nav with h2 element. * Add aria-label to unlabeled inputs in Discover, Visualuze, and Timelion inputs. * Update Timelion local nav with h2 elements. * Update timepicker with tab roles, h2 elements, and UI Framework styles. * Improve labeling and add aria-selected to timepicker tabs. - Refactor timepicker tabs to adhere to tablist structure correctly. * Add tablist role.
Resolves #11532
Replaces #14363