Add aria-disabled attribute

westonruter · westonruter · commit 25d2c02fdc2b · 2024-08-14T09:25:56.000-07:00
diff --git a/plugins/webp-uploads/settings.php b/plugins/webp-uploads/settings.php
@@ -183,6 +183,7 @@ function webp_uploads_generate_webp_jpeg_setting_callback(): void {
 				document.querySelector( '.webp-uploads-use-picture-element' ).classList.toggle( 'webp-uploads-disabled', ! this.checked );
 				document.getElementById( 'webp_uploads_picture_element_notice' ).hidden = this.checked;
 				document.getElementById( 'webp_uploads_use_picture_element' ).classList.toggle( 'disabled', ! this.checked );
+				document.getElementById( 'webp_uploads_use_picture_element' ).setAttribute( 'aria-disabled', ! this.checked ? 'true' : 'false' );
 				document.getElementById( 'webp_uploads_picture_element_fieldset' ).classList.toggle( 'disabled', ! this.checked );
 			} );
 		</script>
@@ -213,7 +214,7 @@ function webp_uploads_use_picture_element_callback(): void {
 	</div>
 	<div id="webp_uploads_picture_element_fieldset" class="<?php echo ! $jpeg_fallback_enabled ? 'disabled' : ''; ?>">
 		<label for="webp_uploads_use_picture_element" id="webp_uploads_use_picture_element_label">
-			<input name="webp_uploads_use_picture_element" type="checkbox" id="webp_uploads_use_picture_element" aria-describedby="webp_uploads_use_picture_element_description" value="1"<?php checked( webp_uploads_is_picture_element_enabled() ); ?> class="<?php echo ! $jpeg_fallback_enabled ? 'disabled' : ''; ?>" >
+			<input name="webp_uploads_use_picture_element" type="checkbox" id="webp_uploads_use_picture_element" aria-describedby="webp_uploads_use_picture_element_description" value="1"<?php checked( webp_uploads_is_picture_element_enabled() ); ?> class="<?php echo ! $jpeg_fallback_enabled ? 'disabled' : ''; ?>" aria-disabled="<?php echo ! $jpeg_fallback_enabled ? 'true' : 'false'; ?>">
 			<?php esc_html_e( 'Use <picture> Element', 'webp-uploads' ); ?>
 			<em><?php esc_html_e( '(experimental)', 'webp-uploads' ); ?></em>
 		</label>
