Garrett: Attempt to make forms generated by Page Forms more accessible.

2025-07-27T23:43:46Z

Attempt to make forms generated by Page Forms more accessible.

New page

/* Any JavaScript here will be loaded for all users on every page load. */

// === Page Forms label‑for‐input accessibility fix ===
( function () {
$( function () {
// Only run on a Page Forms form
if ( !$( '#pfForm' ).length ) {
return;
}
// For each field, hook up its visible label to its input/textarea
$( '#pfForm .pf-field' ).each( function () {
var $field = $( this );
var $label = $field.find( '.pf-field-label, .oo-ui-labeledElement-label' ).first();
if ( !$label.length ) {
return;
}
var labelText = $label.text().trim();
var $input = $field.find( 'input, textarea' ).first();
if ( !$input.length || !labelText ) {
return;
}
// Ensure an id on the input
var id = $input.attr( 'id' );
if ( !id ) {
id = 'pf-' + labelText.replace( /\W+/g, '-' ).toLowerCase();
$input.attr( 'id', id );
}
// Link the <label> and add aria‑label
$label.attr( 'for', id );
$input.attr( 'aria-label', labelText );
} );
} );
}() );

MediaWiki:Common.js - Revision history

Garrett: Attempt to make forms generated by Page Forms more accessible.