ext.cite.a11y.js
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

ext.cite.a11y.js
View Options

	'use strict';

	/**
	* Adds accessibility attributes to citation links.
	*
	* @see https://phabricator.wikimedia.org/T40141
	* @author Marius Hoch <hoo@online.de>
	*/
	mw.hook( 'wikipage.content' ).add( ( $content ) => {
	const accessibilityLabelOne = mw.msg( 'cite_references_link_accessibility_label' );
	const accessibilityLabelMany = mw.msg( 'cite_references_link_many_accessibility_label' );

	$content.find( '.mw-cite-backlink' ).each( ( _, el ) => {
	const $links = $( el ).find( 'a' );

	if ( $links.length > 1 ) {
	// This citation is used multiple times. Let's only set the accessibility
	// label on the first link, the following ones should then be
	// self-explaining. This is needed to make sure this isn't getting too
	// wordy.
	$links.eq( 0 ).prepend(
	$( '<span>' )
	.addClass( 'cite-accessibility-label' )
	// Also make sure we have at least one space between the accessibility
	// label and the visual one
	.text( accessibilityLabelMany + ' ' )
	);
	} else {
	$links
	.attr( 'aria-label', accessibilityLabelOne )
	.attr( 'title', accessibilityLabelOne );
	}
	} );
	} );