Andal.LND/edx-platform
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

LMS: a11y contrast fixes for find course page

Browse Source
This commit is contained in:
Chris Rodriguez
2015-09-15 15:55:47 -04:00
parent 4f6a1fe766
commit e3035a8fab
4 changed files with 16 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
lms/static/js/fixtures/discovery.html
View File

@@ -2,7 +2,8 @@
<div id="discovery-form" class="wrapper-search-context">
<div id="discovery-message" class="search-status-label"></div>
<form class="wrapper-search-input">
<input class="discovery-input" placeholder="Search for a course" type="text"/>
<label for="discovery-input" class="sr">Search for a course</label>
<input id="discovery-input" class="discovery-input" placeholder="Search for a course" type="text"/>
<button type="submit" class="button postfix discovery-submit" aria-label="Search">
<i class="icon fa fa-search" aria-hidden="true"></i>
<div aria-live="polite" aria-relevant="all">

13
lms/static/sass/multicourse/_courses.scss
View File

@@ -376,9 +376,14 @@ $facet-background-color: #007db8;
@extend %t-strong;
margin: ($baseline/2);
width: auto;
color: $m-blue-d5;
color: $blue-d1; // WCAG 2.0 AA requirements
text-align: center;
text-transform: uppercase;
&:hover,
&:focus {
background: $gray-l4;
}
}
.flt-right {
@@ -509,7 +514,11 @@ $facet-background-color: #007db8;
color: $facet-text-color;
.count {
color: $gray-l4;
color: $gray;
.count-number {
display: none;
}
}
.count:before {

3
lms/templates/courseware/courses.html
View File

@@ -35,7 +35,8 @@
<div id="discovery-form" role="search" aria-label="course" class="wrapper-search-context">
<div id="discovery-message" class="search-status-label"></div>
<form class="wrapper-search-input">
<input class="discovery-input" placeholder="${_('Search for a course')}" type="text"/>
<label for="discovery-input" class="sr">${_('Search for a course')}</label>
<input id="discovery-input" class="discovery-input" placeholder="${_('Search for a course')}" type="text"/>
<button type="submit" class="button postfix discovery-submit" aria-label="${_('Search')}">
<i class="icon fa fa-search" aria-hidden="true"></i>
<div aria-live="polite" aria-relevant="all">

2
lms/templates/discovery/facet_option.underscore
View File

@@ -2,7 +2,7 @@
<button data-facet="<%= facet %>" data-value="<%= term %>" data-text="<%= name %>" class="facet-option discovery-button <%= selected ? 'selected' : '' %>">
<%= name %>
<span class="count">
<%= count %>
<span class="count-number"><%= count %></span>
</span>
</button>
</li>