GithubHelp home page GithubHelp logo

metal-a11y-checker's Introduction

Metal.js

Build Status Join #metal on our Slack Channel

Build Status

Metal.js is a JavaScript library for building UI components in a solid, flexible way.

Support and Project status

Metal.js is widely used and well maintained internally at Liferay but does not currently have staffing to support the open source release. As such this project is mostly internal and support is minimal. For certain issues, like build integration we are in an especially bad position to offer support.

To get assistance you can use any of the following forums

  1. Look through the documentation.
  2. File an issue on GitHub

We will try our best, but keep in mind that given our support staffing, we may not be able to help.

Setup

  1. Install NodeJS >= v0.12.0, if you don't have it yet.

  2. Install lerna global dependency:

[sudo] npm install -g [email protected]
  1. Run the bootstrap script to install local dependencies and link packages together:
npm run lerna
  1. Run tests:
npm test

Developer Tools for Metal.js

Big Thanks

Cross-browser Testing Platform and Open Source <3 Provided by Sauce Labs

License

BSD License © Liferay, Inc.

metal-a11y-checker's People

Contributors

diegonvs avatar jbalsas avatar vbence86 avatar

Stargazers

avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar

Forkers

vbence86 diegonvs enjikaka

metal-a11y-checker's Issues

False positives when testing invalid URLs

Disclaimer

This package employs express with static middleware. When the test is kicked off with an invalid URL express responds with HTTP 200 and displays some default content that appears something like this:

Cannot GET /

Subsequently axe-core is going to run all accessibility checks against this HTML segment that will obviously contain no accessibility violations resulting in a successful test.

Todo

Add functionality to terminate the test when the URL is invalid.

Notes

Express exposes this functionality already, thus it only needs to be configured in this way.

<svg> without <title> child element doesn't violate accessibility standards

Disclamer

https://www.w3.org/TR/SVG/access.html defines that <svg> element must have a <title> child that explains the purpose of the SVG.

Steps

Execute the validator against the following HTML snippet

<!DOCTYPE html>
<html lang="en">
<head>
	<title>Bence</title>
</head>
<body>
	<svg>
		<use xlink:href="{$spritemap}#{$symbol}" />
	</svg>
</body>
</html>

Expected

Accessibility violation is found

Actual

No accessibility violation is found.

Add unit tests to Driver.js

Disclaimer

src/helpers/Driver.js is without any unit tests

Todo

Please add test against the API and the expected behaviour of this class.

Add unit test to Server.js

Disclaimer

src/helpers/Server.js is without any unit tests

Todo

Please add test against the API and the expected behaviour of this class.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.