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 Dec 4, 2017. It is now read-only.

style-guide(add-a11y): Add accessibility quick wins #1854

Open
AlmeroSteyn wants to merge 1 commit into angular:master
base: master
Choose a base branch
Loading
from IdeaBlade:styleguide-a11y

Conversation

@AlmeroSteyn
Copy link
Contributor

@AlmeroSteyn AlmeroSteyn commented Jul 8, 2016

Adding accessibility recommendations to style guide.

These are all quick accessibility wins making use of HTML and CSS alone and requiring no use of ARIA.

+makeExample('style-guide/ts/10-01/app/index.avoid.html', 'page-lang', 'index.html')(avoid=1)

:marked
Provide the ISO language code as well the country code (where appropriate).
Copy link
Member

@Foxandxss Foxandxss Jul 10, 2016

Choose a reason for hiding this comment

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

We are not putting messages between avoid and do (correct me if I am wrong). We could put that as a Consider

Copy link
Member

@Foxandxss Foxandxss Jul 10, 2016

Choose a reason for hiding this comment

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

Seems like we do. Let's hold on this and see if we can do better.


.s-rule.avoid
:marked
**Avoid** totaly removing the focus outline on your page.
Copy link
Member

@Foxandxss Foxandxss Jul 18, 2016

Choose a reason for hiding this comment

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

That is totally a typo.

Copy link
Contributor Author

@AlmeroSteyn AlmeroSteyn Jul 19, 2016

Choose a reason for hiding this comment

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

Now it's completely fixed.

Copy link
Member

I like it, but it needs a bit of @wardbell magic on the English 👍

/cc @johnpapa.

Copy link
Contributor Author

@Foxandxss: There is one flow issue now, because of number 10 being reserved for the router styles. Accessibility now shows as 10 on the menu above and then you end up in section 11. Will fix itself when the router styles are added.

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

Reviewers

No reviews

Assignees

No one assigned

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

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