ember-a11y / a11y-demo-app Goto Github PK

It seems that links to the examples are broken on https://ember-a11y.github.io/a11y-demo-app/.

The links are working as we can access the examples pages but if you take a look at the URL you will notice that there's a # in the middle. For example, this is the link to the aria-role page https://ember-a11y.github.io/a11y-demo-app/#/examples/aria-role.

Having a # in the URL make it impossible to navigate to anchors on a specific page. For example, in the aria-role page there are 4 links that are normally connected to 4 anchors on the page. But if you click on them you are redirected to the home page of the demo app.

I've checked an this problem does not exist in local. Maybe something happens during the build and change the links 🤔

[Update]

Ok I think it's this line

• Update the home page (https://ember-a11y.github.io/a11y-demo-app/#/) text to reference Discord instead of Slack
• remove Twitter references

The addons referenced in the sidebar are out of date. Clear out the current addon list (adding a new list will be in a separate issue).

update app to current LTS

The ember-a11y project has obtained an Ember mascots since creating this website. The logo should be replaced with the A11y Zoey and Tomster.

Page: https://ember-a11y.github.io/a11y-demo-app/#/examples/aria-role

Update aria roles demos to show the role:

• being used on a div
• being used with the recommended native HTML element for the role, if it exists