pa11y/pa11y-dashboard

Pa11y Dashboard is a web interface which helps you monitor the accessibility of your websites

pa11y-dashboard's Issues

Ability to select run date from dropdown on the task page and see results for that date

As a user
When I am on the task page
Then I need to be able to select a run date from the dropdown in the left column and be taken to the results for that date. The results should be reflected in the graph, the table for the graph, the main content of the right column and the task stats below the date selector.

Add aria-roles to markup

Add some dev fixtures

We need to make it a lot easier to see lots of different URLs with results, so that it's easier to see all the styles etc. Also for demo purposes and to get new developers up-and-running quicker.

Add descriptions to ignore rules

This can be accessed using {{description}}. I don't know what's best for this, maybe as a title attribute or something? Your call

Warn user if they try to run pa11y for a url on a date where a result already exists

Get a live demo site up-and-running

Reverse the order that the graph results are being shown

The graph is plotting results from most recent to least recent.
This needs to be reversed in the js using reverse.array

Make WCAG2AA the default selected option in standards dropdown on add new task form

Make this the default on the form so that the correct ignore rules are shown when the page loads

Add list of ignore rules to task page

As a user
When on the task page
Then I want to be able to see the list of ignored rules for this url

Cross browser testing

Change "Notifications" to "Notices"

Notices is the term used by HTML CodeSniffer etc, notifications kind of makes me think of alerts you get when something changes.

Link to the WCAG and Section508 specs

Suggested by @GlynnPhillips.

Introduce Bower to manage js files

Responsiveness

Check responsiveness of site and correct

Run pa11y against site

Run pa11y against site and aim for 0 errors / warnings and notifications

H1s should describe the page

Small thing I noticed: the page h1 is always the same. Ideally it should describe the current page, not be used for the banner.

I've got around this before by making the banner a h1 on the home page, but just an anchor on all other pages.

Investigate using Dust for templates

Handlebars is being used at the moment, because it works well with Express and we can easily get layout/partial/block support. Investigate replacing with Dust, as we're using Dust on some internal projects.

If there are no Ignored Rules amend header to say so on tasks and results pages

Functionality to download results as CSV or JSON

As a user
When on the tasks page
Then I should be able to download the results for the selected date as a CSV or JSON file.

If only one result for a task do not show graph

As a user
When I view the task page
Then if there is only one result I should not see the graph

Add delete button to tasks on home page

Add delete buttons with the href of /{{id}}/delete to the tasks on the home page
@rowanmanning to complete functionality

Add graph to home page showing average of all tasks errors, warnings and notifications.

As a user
When on the home page
Then I want to see a graph which shows the average of all tasks at the run times.
Then if no javascript a table with the averages needs to be shown

Fix issue with flot being broken in IE8 and IE7

Split latest task results section into errors, warnings and notifications

As a user
When on the task page
Then I expect to see the Errors grouped together, and the Warnings grouped together and the Notifications grouped together.

Add list of other urls to the task / result pages in aside

Convert existing pa11y poc to the pa11y web-app

Refactor date selector navigation to be non-js friendly

As a user
When on the tasks page
Then I should be able to navigate to results for another date from the list of date links in the left hand column when js is disabled as well as when it is enabled.

Currently the standard implementation of the bootstrap dropdown menu does not degrade gracefully.

Allow editing of tasks

This isn't as simple as it seems; there are a couple of questions to discuss:

1. Will it be confusing/misleading to see sudden drops in number of errors (for example, if somebody adds some ignore rules to an existing task)
2. Do we want to log changes to a task, to allow people to easily see when something changed? If so, how should this look?
3. Is this required, or would it be better to just create a new task? If we do this, would it make sense to be able to "archive" old tasks, in order to give them less prominence in the interface?

Add ability to remove tasks / urls

As a user
When I am on the pa11y site
And I have added a task / url
If I no longer need it I should be able to delete it

I think this is pretty important until we workout how to give edit access. If I add a task / url and the url is wrong or I no longer need it I should be able to remove it as it will be throwing my stats out

Only show latest result for any day

Add breadcrumb

Fix layout grid in IE7 and IE8

Bootstrap 3 does not support less than IE9 unless you use response.js to enable media-queries in IE8. In IE7 you get bugger all.
Rather than rely on a js script I have adopted a fixed width for IE8 and IE7 and made specific styles for these browsers. No js needed :-)

Rename Home in Breadcrumb to Dashboard

Check for other instances

Name

What should this be called? "pa11y-web" isn't particularly descriptive in my opinion. Something with "dashboard" in the name might make sense. It doesn't technically have to be pa11y-associated – pa11y is almost just an implementation detail.

Suggestions welcome.

Add context to numbers in index view

The numbers in the index view could do with something to contextualise them. I went to hover over them, maybe a title attribute would make sense explaining what the numbers mean?

Look at reducing number of js files

There are a number of separate js files being called in.
1 ) Reduce number of files being called. Reduce bootstrap to one minified bootstrap. Same with flot?
2) For @rowanmanning : Could do with these being compiled into a single minified js file for production.

Add run functionality to webapp

As a user
When I am on the task page
Then I should be able run pa11y against this task/url via the Run button

Fix js for jumping to an already opened task list

As a user
When in the task view and I click on one of the stats boxes
Then I should jump to the correct type of list (error, warning or notice) and if this box is already showing the contents it should stay open and not toggle closed.

Add graph and date selector to the result page

404 + 500 pages

Create auto compile routine for LESS files

Once the less files are added to the project add the ability for auto compile once a less file is changed within the project without need to use local compiler.

View diffs between results

Add the ability to view diffs between results, so you can easily see which errors are new or which errors have been fixed.

Fix bug with reset zoom button toggling appearance on Zooming on graph

Add filter to home page to allow easy search of tasks / url

As a user when I am on the home page and I have a long list of tasks I want to be able to find a particular task easily by using a filter option.

Refactor layout of task results page

Move the date selector to the main section above the graph.
Add the current date being shown to the main section above the graph
Add a Results from dd/mm/yyy to the bottom section below the graph as a title.

This will then make the results page clearer that the results being shown (apart from the graph are just from this particular date)

Add more info to the footer

Not sure what...just more info.
e.g. if you want to contribute link
license info
version info

Redesign the tasks lists on the task view

The tasks view headers and lists need redesigning as they look a bit busy and cumbersome at the moment.

Convert current css to less files

Currently we use 2 separate css files. One for the bootstrap template and one for the pa11y specific styles.
We should ideally be using the less files for the bootstrap theme and extra pa11y specific less files which get compiled into a single css file for production.

Try to get a *full* list of standard/rule descriptions

Refactor the dropdown for the date selector

This needs to be far more non js friendly.
Refactor to enable hover support to show the dropdown and use js to re-jig the markup to produce the bootstrap markup. Nice.