Skip to content
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

Merged

Conversation

cjcenizal
Copy link
Contributor

Resolves #11532

Replaces #14363

@cjcenizal cjcenizal changed the title 11532/local nav general accessibility [11532] Improve local nav accessibility Oct 6, 2017
@cjcenizal cjcenizal requested review from nreese and timroes October 6, 2017 21:12
@cjcenizal cjcenizal added Project:Accessibility bug Fixes for quality problems that affect the customer experience v6.1.0 v7.0.0 labels Oct 6, 2017
Copy link
Contributor

@nreese nreese left a 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"
Copy link
Contributor

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' }"
Copy link
Contributor

@timroes timroes Oct 11, 2017

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' }"
Copy link
Contributor

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' }"
Copy link
Contributor

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.

@cjcenizal
Copy link
Contributor Author

Thanks for the review @timroes! I've addressed your feedback. Could you take another look?

@cjcenizal
Copy link
Contributor Author

jenkins test this

@cjcenizal cjcenizal force-pushed the 11532/local-nav-general-accessibility branch from d936111 to 3b20fcf Compare October 12, 2017 00:29
@cjcenizal
Copy link
Contributor Author

jenkins, test this

@timroes
Copy link
Contributor

timroes commented Oct 13, 2017

You need to merge master into this, to fix the licencing issues.

@cjcenizal cjcenizal force-pushed the 11532/local-nav-general-accessibility branch 2 times, most recently from dd727bb to d0c42b1 Compare October 13, 2017 18:59
@cjcenizal cjcenizal force-pushed the 11532/local-nav-general-accessibility branch from d0c42b1 to bb89ee6 Compare October 23, 2017 22:56
@cjcenizal
Copy link
Contributor Author

jenkins, test this

@cjcenizal cjcenizal force-pushed the 11532/local-nav-general-accessibility branch from bb89ee6 to b573dde Compare October 24, 2017 18:45
@cjcenizal cjcenizal merged commit 97e393d into elastic:master Oct 24, 2017
@cjcenizal cjcenizal deleted the 11532/local-nav-general-accessibility branch October 24, 2017 23:01
cjcenizal added a commit to cjcenizal/kibana that referenced this pull request Oct 24, 2017
* 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.
cjcenizal added a commit that referenced this pull request Oct 25, 2017
* 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.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Fixes for quality problems that affect the customer experience Project:Accessibility release_note:fix v6.1.0 v7.0.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants