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

Accessibility improvements #868

Merged
merged 3 commits into from
May 7, 2017
Merged

Accessibility improvements #868

merged 3 commits into from
May 7, 2017

Conversation

tysongach
Copy link
Contributor

  • Add link underlines
    • Underlines are a standard way of indicating a link. By only using color to indicate links, people with vision impairments, such as color blindness, might not be able to distinguish linked text from non-linked text.
  • Use a hyphen separator in page titles
    • The vertical pipe is read aloud by screen readers. So a page title of page | Administrate would be read as ”page vertical pipe Administrate.”
    • By using a hyphen instead, the screen reader will read as “page, Administrate.”
    • Related: Accessibility  #794
  • Add ARIA landmark roles
    • ARIA landmark roles provide useful navigation features for assistive technology and helps people understand the content structure.

@tysongach tysongach added the views-and-styles how administrate looks and is interacted with label May 6, 2017
@@ -23,7 +23,7 @@ p {

a {
color: $action-color;
text-decoration: none;
text-decoration-skip: ink;

Choose a reason for hiding this comment

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

Unknown property text-decoration-skip

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Hound should recognize this going forward from 6e88449#diff-b9ee5b6eb41f94a0d74486255de4ad10R128

@nickcharlton nickcharlton added this to the v0.7.0 milestone May 7, 2017
@nickcharlton
Copy link
Member

Great! Could I get you to rebase this?

@nickcharlton nickcharlton mentioned this pull request May 7, 2017
tysongach added 3 commits May 7, 2017 14:41
Underlines are a standard way of indicating a link. By only using color
to indicate links, people with vision impairments, such as color
blindness, might not be able to distinguish linked text from non-linked
text.
The vertical pipe is read aloud by screen readers. So a page title of
`page | Administrate` would be read as "page vertical pipe
Administrate."

By using a hyphen instead, the screen reader will read as "page,
Administrate."

Related: #794
ARIA landmark roles provide useful navigation features for assistive
technology and helps people understand the content structure.
@tysongach tysongach force-pushed the tg-accessibility branch from b445299 to 62af02d Compare May 7, 2017 18:44
@tysongach
Copy link
Contributor Author

@nickcharlton Rebased.

@nickcharlton nickcharlton merged commit 6ffe8ab into master May 7, 2017
@nickcharlton nickcharlton deleted the tg-accessibility branch May 7, 2017 21:42
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
views-and-styles how administrate looks and is interacted with
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants