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

Improve accessibility of the Datepicker. #11753

Merged

Conversation

cjcenizal
Copy link
Contributor

@cjcenizal cjcenizal commented May 12, 2017

Addresses #11528 and partially addresses #11532.

This PR enables:

@cjcenizal
Copy link
Contributor Author

@kobelb @stacey-gammon Would you mind holding off on reviewing this? I just realized I should be using button elements instead of adding the kbn-accessible-click directive to some of these elements.

@Bargs
Copy link
Contributor

Bargs commented May 12, 2017

btw timepicker falls under discovery, but I'm happy to have Stacey and Brandon do our work for us :)

@cjcenizal
Copy link
Contributor Author

@Bargs Hahaha thanks man, I realized after I tagged them that it was a Discovery thing but then I thought about how much time you put into reviewing the kbn-accessible-click PR and I thought I'd try to give you a break! 😄

@stacey-gammon
Copy link
Contributor

@cjcenizal just let us know when it's ready for review!

@cjcenizal
Copy link
Contributor Author

@stacey-gammon @kobelb OK this is ready for your 👁 now. Thanks!

Copy link
Contributor

@stacey-gammon stacey-gammon left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

Copy link
Contributor

@kobelb kobelb left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@cjcenizal cjcenizal merged commit 515e16a into elastic:master May 19, 2017
@cjcenizal cjcenizal deleted the 11528/time-range-buttons-accessibility branch May 19, 2017 17:44
cjcenizal added a commit to cjcenizal/kibana that referenced this pull request May 19, 2017
* Add aria-label and kbn-accessible-click to Local Nav menu buttons.
* Make Share menu keyboard accessible.
* Make datepicker and timepicker keyboard accessible.
* Revert some kbn-accessible-click instances in favor of native button elements.
cjcenizal added a commit that referenced this pull request May 19, 2017
* Add aria-label and kbn-accessible-click to Local Nav menu buttons.
* Make Share menu keyboard accessible.
* Make datepicker and timepicker keyboard accessible.
* Revert some kbn-accessible-click instances in favor of native button elements.
nreese added a commit to nreese/kibana that referenced this pull request May 24, 2017
snide pushed a commit to snide/kibana that referenced this pull request May 30, 2017
* Add aria-label and kbn-accessible-click to Local Nav menu buttons.
* Make Share menu keyboard accessible.
* Make datepicker and timepicker keyboard accessible.
* Revert some kbn-accessible-click instances in favor of native button elements.
nreese added a commit to nreese/kibana that referenced this pull request Jun 2, 2017
nreese added a commit to nreese/kibana that referenced this pull request Jun 2, 2017
nreese added a commit to nreese/kibana that referenced this pull request Jun 9, 2017
nreese added a commit that referenced this pull request Jun 9, 2017
* quick panel moved to directive

* move relative to directive

* move absolute to directive

* move stuff from timepicker directive to new directives

* move timepicker to right with flexbox

* remove left padding for kbn-timepicker-section

* merge in timepicker.html changes from - Improve accessibility of the Datepicker. (#11753)

* Adjust markup and styles so that the Quick, Relative, and Absolute layouts all occupy the same bounds (#1)

* Adjust markup and styles so that the Quick, Relative, and Absolute layouts all occupy the same bounds, so the content doesn't jump around as you switch modes..

* Make kbn-timepicker-content responsive so that it stacks content on narrower screens.

* Combine Relative input and select fields using kuiFieldGroup.

* Make Timepicker submit button wider.

* Align button on right.

* migrate inputs from form-control to kui classes

* update generated dist/ui_framework.css

* fix broken tests

* create kbn-timerpicker-nav-button class and update kbn-timepicker-section to make each column the same width
chrisronline pushed a commit to chrisronline/kibana that referenced this pull request Jun 14, 2017
* quick panel moved to directive

* move relative to directive

* move absolute to directive

* move stuff from timepicker directive to new directives

* move timepicker to right with flexbox

* remove left padding for kbn-timepicker-section

* merge in timepicker.html changes from - Improve accessibility of the Datepicker. (elastic#11753)

* Adjust markup and styles so that the Quick, Relative, and Absolute layouts all occupy the same bounds (#1)

* Adjust markup and styles so that the Quick, Relative, and Absolute layouts all occupy the same bounds, so the content doesn't jump around as you switch modes..

* Make kbn-timepicker-content responsive so that it stacks content on narrower screens.

* Combine Relative input and select fields using kuiFieldGroup.

* Make Timepicker submit button wider.

* Align button on right.

* migrate inputs from form-control to kui classes

* update generated dist/ui_framework.css

* fix broken tests

* create kbn-timerpicker-nav-button class and update kbn-timepicker-section to make each column the same width
stacey-gammon pushed a commit to stacey-gammon/kibana that referenced this pull request Jun 14, 2017
* quick panel moved to directive

* move relative to directive

* move absolute to directive

* move stuff from timepicker directive to new directives

* move timepicker to right with flexbox

* remove left padding for kbn-timepicker-section

* merge in timepicker.html changes from - Improve accessibility of the Datepicker. (elastic#11753)

* Adjust markup and styles so that the Quick, Relative, and Absolute layouts all occupy the same bounds (#1)

* Adjust markup and styles so that the Quick, Relative, and Absolute layouts all occupy the same bounds, so the content doesn't jump around as you switch modes..

* Make kbn-timepicker-content responsive so that it stacks content on narrower screens.

* Combine Relative input and select fields using kuiFieldGroup.

* Make Timepicker submit button wider.

* Align button on right.

* migrate inputs from form-control to kui classes

* update generated dist/ui_framework.css

* fix broken tests

* create kbn-timerpicker-nav-button class and update kbn-timepicker-section to make each column the same width
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

5 participants