Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings
This repository was archived by the owner on Apr 12, 2024. It is now read-only.

docs(step_15): create new step about accessibility #14779

Open
felixzapata wants to merge 6 commits into angular:master
base: master
Choose a base branch
Loading
from felixzapata:step15-a11y

Conversation

@felixzapata
Copy link

@felixzapata felixzapata commented Jun 15, 2016

What kind of change does this PR introduce? (Bug fix, feature, docs update, ...)
Docs update to add a new step about accessibility

What is the current behavior? (You can also link to an open issue here)
The current tutorial is not accessible. With this new step you can learn how to fix the issues.

What is the new behavior (if this is a feature change)?
Introduce the accessibility into the tutorial.

Does this PR introduce a breaking change?
No, it does'nt. Only affects to the tutorial.

Please check if the PR fulfills these requirements

Other information:
My opinion is this step should be a process inside of the tutorial. Not a separate step. This way the user can understand that is optional but it should be mandatory.

Copy link
Member

gkalpak commented Jun 20, 2016

<div doc-tutorial-reset="15"></div>

## Why accessibility matters

Copy link
Member

Choose a reason for hiding this comment

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

Could you add a paragraph on what is "accessibility" and "aria" and how it affects people. Just a brief summary and then list the links for more info.

Copy link
Author

@felixzapata felixzapata Jun 20, 2016

Choose a reason for hiding this comment

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

ok, I'm on it.

Copy link
Author

@felixzapata felixzapata Jun 21, 2016

Choose a reason for hiding this comment

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

I've added some definitions.

Copy link
Member

gkalpak commented Jun 20, 2016

I left a few comments. Overall looks good 👍

A couple more necessary changes:

  • Limit lines to 100 chars max.
  • Don't mention anything protractor-related until the "Testing" section (except for the step summary at the top).
  • I would rather not introduce new features at this point. Custom directives, $scope.$watch etc, are not explained before. Are they necessary?

Copy link
Author

felixzapata commented Jun 20, 2016
edited
Loading

For this example, I think is better the directives rather to use a component. These directives are needed to intercept the repeater and return the values to the aria regions. Maybe this can do it in another way.

Another option would be to remove the section "How to use the directives" and add a link to the Directives webpage.

add definitions about accessibility and WAI-ARIA
ngAria module now is not neccesary, so the section has been moved to explain how to use it if you need it
explain how to fix the problem with the keyboard in the detail page.
Copy link
Author

@gkalpak I've made some updates. I will ping you, when I complete all of them (limit of lines, explanation of protractor accessibility plugin).

* [Accessibility in AngularJS and Beyond](http://marcysutton.com/slides/fluent2015/)
* [Introduction to Web Accessibility](https://www.w3.org/WAI/intro/accessibility.php)
* [Apps For All: Coding Accessible Web Applications](https://shop.smashingmagazine.com/products/apps-for-all)

Copy link
Contributor

@marcysutton marcysutton Jun 21, 2016

Choose a reason for hiding this comment

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

Here's one more article that was written in response to Angular a11y: https://www.smashingmagazine.com/2015/05/client-rendered-accessibility/

Copy link
Author

@gkalpak the limit of 100 characters is only for the code examples or all the document?

Copy link
Member

gkalpak commented Jun 26, 2016

@felixzapata, the limit is for the whole document (where ever possible, e.g. if a URL is too long it's OK).
Is this ready for another review?

Copy link
Author

@gkalpak I have to review about the lines and I have to think what to do with the directives. Have you seen my previous comment about that? I mean, remove the section "How to use the directives" and add a link to the Directives webpage, instead of copy the code of the directives.

remove information about directives. Now the tutorial links to the guide.
remove information about how to install ngAria because is not used in this step.
Copy link
Author

felixzapata commented Jul 1, 2016
edited
Loading

@gkalpak it is ready for another review:

  • I've removed the information about directives. Now the tutorial has a link to the directives guide.
  • I've removed the information about how to instal the ngAria module becuase, finally, is not used in this step.

When the step is approved, I will squash the commits.

Copy link
Author

@gkalpak it is ready for another review.

Copy link
Author

@gkalpak hi, any news about this pull request?

Copy link

Thanks for your pull request. It looks like this may be your first contribution to a Google open source project. Before we can look at your pull request, you'll need to sign a Contributor License Agreement (CLA).

📝 Please visit https://cla.developers.google.com/ to sign.

Once you've signed, please reply here (e.g. I signed it!) and we'll verify. Thanks.


  • If you've already signed a CLA, it's possible we don't have your GitHub username or you're using a different email address. Check your existing CLA data and verify that your email is set on your git commits.
  • If you signed the CLA as a corporation, please let us know the company's name.

1 similar comment
Copy link

Thanks for your pull request. It looks like this may be your first contribution to a Google open source project. Before we can look at your pull request, you'll need to sign a Contributor License Agreement (CLA).

📝 Please visit https://cla.developers.google.com/ to sign.

Once you've signed, please reply here (e.g. I signed it!) and we'll verify. Thanks.


  • If you've already signed a CLA, it's possible we don't have your GitHub username or you're using a different email address. Check your existing CLA data and verify that your email is set on your git commits.
  • If you signed the CLA as a corporation, please let us know the company's name.

Copy link
Author

I signed it!

Copy link

CLAs look good, thanks!

1 similar comment
Copy link

CLAs look good, thanks!

Copy link
Member

gkalpak commented Oct 17, 2016

Sorry it is taking so long, @felixzapata. It is still on my todo list. I'll get to it after 1.5.9 and 1.6.0-rc.0 are released.

Copy link
Author

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Reviewers

No reviews

Projects

None yet

Development

Successfully merging this pull request may close these issues.

AltStyle によって変換されたページ (->オリジナル) /