mirror of
https://github.com/pa11y/pa11y-dashboard.git
synced 2025-09-25 06:41:21 +00:00
5202f59008
* First draft of a11y fixes. * Amended results title * Amended results title (again) * Back to top keyboard operation Removed the 'data-role="top"' attribute, which implemented a cool animation to scroll to top but prevented the default behaviour, resulting in the keyboard focus not going back to top. * Options Button Fix to have a working options button, but using the mouse only. This is not a good solution because it cannot be operated via the keyboard. * Fixed options menu css. * Results view layout changes * Undoing layout changes * Graph layout fixes. * Skip Rules Link Added a link to skip the list of rules, which can get very long and annoying for any keyboard user not interested in selecting a rule. Most probably, implementing a collapsible list of rules would be a better solution here. Co-authored-by: Carlos Muncharaz <carlos@muncharaz.eu>
89 lines
2.9 KiB
HTML
89 lines
2.9 KiB
HTML
{{!
|
|
This file is part of Pa11y Dashboard.
|
|
|
|
Pa11y Dashboard is free software: you can redistribute it and/or modify
|
|
it under the terms of the GNU General Public License as published by
|
|
the Free Software Foundation, either version 3 of the License, or
|
|
(at your option) any later version.
|
|
|
|
Pa11y Dashboard is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
GNU General Public License for more details.
|
|
|
|
You should have received a copy of the GNU General Public License
|
|
along with Pa11y Dashboard. If not, see <http://www.gnu.org/licenses/>.
|
|
}}
|
|
<div class="col-md-12 clearfix">
|
|
<div class="graph-container graph-spacer ruled clearfix">
|
|
<div class="row">
|
|
<div class="col-md-3 col-sm-4 col-xs-3">
|
|
<button class="btn btn-sm btn-default btn-full-width btn_action_export" type="button">Export graph</button>
|
|
</div>
|
|
<div class="col-md-5 col-sm-6 col-xs-9 pull-right">
|
|
<ul class="list-unstyled floated-list series-checkboxes clearfix" data-role="series-checkboxes"></ul>
|
|
</div>
|
|
</div>
|
|
<div data-role="graph" class="graph"></div>
|
|
<div class="dashedLegend">
|
|
<div class="dashedContainer">
|
|
<table>
|
|
<tbody>
|
|
<tr>
|
|
<td class="legendColorBox">
|
|
<div class="clearfix legendIcon legendErrors">
|
|
<div></div>
|
|
</div>
|
|
</td>
|
|
<td class="legendLabel">Errors</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="legendColorBox">
|
|
<div class="clearfix legendIcon legendWarnings">
|
|
<div></div><div></div>
|
|
</div>
|
|
</td>
|
|
<td class="legendLabel">Warnings</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="legendColorBox">
|
|
<div class="clearfix legendIcon legendNotices">
|
|
<div></div><div></div><div></div>
|
|
</div>
|
|
</td>
|
|
<td class="legendLabel">Notices</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<button data-role='zoom-reset' class="btn btn-xs btn-primary pull-right btn-reset hidden">Reset Zoom <i class="glyphicon glyphicon-zoom-out"></i></button>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-12 hidden">
|
|
<div class="graph-spacer ruled">
|
|
<table id="graph-data" class="table graph-table" summary="Accessibility results from Pa11y for this page">
|
|
<caption>Pa11y results for this URL</caption>
|
|
<thead>
|
|
<tr>
|
|
<th>Date</th>
|
|
<th class="text-center">Errors</th>
|
|
<th class="text-center">Warnings</th>
|
|
<th class="text-center">Notices</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{{#results}}
|
|
<tr data-role="url-stats">
|
|
<td data-value="{{date-timestamp date}}" data-role="date">{{date-format date format="DD MMM YYYY"}}</td>
|
|
<td class="text-center" data-label="error">{{count.error}}</td>
|
|
<td class="text-center" data-label="warning">{{count.warning}}</td>
|
|
<td class="text-center" data-label="notice">{{count.notice}}</td>
|
|
</tr>
|
|
{{/results}}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div> |