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

Fix various team accessibility issues.

Browse Source 
Authors:
  - Peter Fogg
  - Daniel Friedman

TNL-1953
This commit is contained in:
Peter Fogg
2015-08-03 14:18:31 -04:00
committed by Daniel Friedman
parent 00eb18a1f9
commit 26bbbb967e
23 changed files with 129 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
common/static/common/js/components/views/paginated_view.js
View File

@@ -1,3 +1,19 @@
/**
* A base class for a view which renders and paginates a collection,
* along with a header and footer displaying controls for
* pagination.
*
* Subclasses should define a `type` property which will be used to
* create class names for the different subcomponents, as well as an
* `itemViewClass` which will be used to display each individual
* element of the collection.
*
* If provided, the `srInfo` property will be used to provide
* information for screen readers on each item. The `srInfo.text`
* property will be shown in the header, and the `srInfo.id` property
* will be used to connect each card's title with the header text via
* the ARIA describedby attribute.
*/
;(function(define) {
'use strict';
define([
@@ -24,7 +40,7 @@
},
createHeaderView: function() {
return new PagingHeader({collection: this.options.collection});
return new PagingHeader({collection: this.options.collection, srInfo: this.srInfo});
},
createFooterView: function() {

6
common/static/common/js/components/views/paging_header.js
View File

@@ -8,6 +8,7 @@
], function (Backbone, _, gettext, headerTemplate) {
var PagingHeader = Backbone.View.extend({
initialize: function (options) {
this.srInfo = options.srInfo;
this.collections = options.collection;
this.collection.bind('add', _.bind(this.render, this));
this.collection.bind('remove', _.bind(this.render, this));
@@ -28,7 +29,10 @@
context, true
);
}
this.$el.html(_.template(headerTemplate, {message: message}));
this.$el.html(_.template(headerTemplate, {
message: message,
srInfo: this.srInfo
}));
return this;
}
});