Make checkboxes on graph WCAG2AA compliant

This commit is contained in:
perryharlock
2013-11-14 16:35:30 +00:00
parent d016ebfdce
commit 802634d0ad
4 changed files with 15 additions and 7 deletions

File diff suppressed because one or more lines are too long

View File

@@ -168,11 +168,11 @@ $(document).ready(function(){
$.each(datasets, function(key, val) {
var lowerCaseValue = (val.label.substring(0, val.label.length - 1)).toLowerCase();
choiceContainer.append('<li class="text-center '+
lowerCaseValue +'"><label for="id' + key +
'"><input type="checkbox" name="' + key +
lowerCaseValue +'"><div class="series-checkbox-container"><input type="checkbox" name="' + key +
'" checked="checked" id="id' + key +
'"/><span class="stat-type">' + val.label +
'</span></label></li>');
'"/><label for="id' + key +
'"><span class="stat-type">' + val.label +
'</span></label></div></li>');
});
choiceContainer.find('input').click(plotAccordingToChoices);

File diff suppressed because one or more lines are too long

View File

@@ -342,12 +342,20 @@ ul.date-links {
border-radius: @border-radius-base;
label {
padding:2px 4px;
margin-bottom:0;
}
.series-checkbox-container {
padding:2px 4px 3px 4px;
}
input {
margin:5px auto 3px auto;
}
input, label {
cursor: pointer;
display:block;
}
&:last-child {