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

Fixes for accessibility tickets #821

Merged
merged 17 commits into from
May 14, 2018
Merged

Conversation

snide
Copy link
Contributor

@snide snide commented May 11, 2018

Fixes #733
Fixes #734
Fixes #735
Fixes #621
Fixes #736
Fixes #728
Fixes #729
Fixes #723
Fixes #616
Fixes #687
Fixes #617
Fixes #746

Grab bag of accessibility fixes. The following changes were made.

  • Fixed a bug in our documentation where sidenav submenus had empty buttons if we were excluding the title (which we usually do for the first one in the page).
  • Made EuiPagination more friendly for screen readers.
  • Made EuiSideNav use menubar labeling. Of all the options (nav / tree...etc) it was the most agreeable with our current formatting.
  • Fixed an issue with EuiPopover where ownFocs was required if it didn't wrap a context menu. Made EuiPopover use an aria-live label to announce its contents if it isn't set (with the assumption that if it is, the SR will read what it focused).
  • EuiBottomBar now has some hidden SR text to announce itself.
  • EuiBasicTable now labels its checkboxes properly.
  • Various aria labeling fixes for our own documentation, mostly around button labeling.

@@ -93,11 +93,15 @@ export class GuidePageChrome extends Component {
}

renderSubSections = (subSections = []) => {
if (subSections.length <= 1) {
console.log(subSections);
Copy link
Contributor

Choose a reason for hiding this comment

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

remove console.log

@@ -32,6 +33,10 @@ export class EuiBottomBar extends Component {
}
}

handleScreenReaderFocus() {
Copy link
Contributor

Choose a reason for hiding this comment

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

Where/how is this used?

@snide
Copy link
Contributor Author

snide commented May 11, 2018

@chandlerprall sorry, still working on this one. should have attached WIP status to it.

@snide
Copy link
Contributor Author

snide commented May 11, 2018

OK. I'm done on this one for the day. I think the EuiPopover stuff is the only thing that could use a looksie on @chandlerprall.

Copy link
Contributor

@chandlerprall chandlerprall left a comment

Choose a reason for hiding this comment

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

LGTM

@snide snide merged commit a153c7a into elastic:master May 14, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment