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 audit, fixes and accessibility statement update #162

Merged
merged 7 commits into from
Sep 9, 2021

Conversation

Dietr
Copy link
Collaborator

@Dietr Dietr commented Sep 9, 2021

Fixes:

  • add alt text to header image
  • fix focus on legal pages when navigation
  • add "external link" notice to pages opening a new window
  • add label id's for KBO & Sharepoint

Update:

  • accessibility statement: add information about missing labels for ember-power-select

@@ -6,7 +6,7 @@
sizes="50vw"
src="/assets/images/loket-header-1600.jpg"
srcset="/assets/images/loket-header-320.jpg 320w, /assets/images/loket-header-1024.jpg 1024w, /assets/images/loket-header-1600.jpg 1600w"
alt="" role="presentation"
alt="een laptop met daarop het vlaanderen icoon"
Copy link
Contributor

Choose a reason for hiding this comment

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

We removed that alt text by choice, actually. This seems to be a decorative image and I don't think a person using a screenreader needs or wants to know that information?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Ok, removed the alt text. It's a bit strange to use role="presentation" (removes the image completely from the accessibility API and an empty alt text is enough) here but it seems that the linter requires it.

Copy link
Contributor

Choose a reason for hiding this comment

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

Yes, I agree. I discussed this in the ember discord a11y channel and the person responsible for the a11y linting rules ensured me that it was working as intended. After a linking to specific parts of the spec she backtracked and said the rule needed to be updated but I don't think that happened yet.

app/templates/legal/cookiestatement.hbs Show resolved Hide resolved
app/templates/legal/accessibilitystatement.hbs Outdated Show resolved Hide resolved
@@ -11,7 +11,7 @@
class="au-c-link"
target="_blank"
rel="noopener noreferrer"
>handleiding</a>.
>handleiding (externe link)</a>.
Copy link
Contributor

@Windvis Windvis Sep 9, 2021

Choose a reason for hiding this comment

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

question: I've been thinking about creating a dedicated ExternalLink or LinkExternal component, do you think that is something that can be useful for other projects? In that case it might make sense to add it to ember-appuniversum instead.

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Yes, could be helpful as we use it in most projects.

@Windvis Windvis merged commit 37c580b into master Sep 9, 2021
@Windvis Windvis deleted the feature/accessibility-audit branch September 9, 2021 12:29
@Windvis Windvis added the enhancement New feature or request label Nov 18, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants