diff --git a/wp-admin/js/widgets/media-image-widget.js b/wp-admin/js/widgets/media-image-widget.js
index e921ab2..46f92e2 100644
--- a/wp-admin/js/widgets/media-image-widget.js
+++ b/wp-admin/js/widgets/media-image-widget.js
@@ -31,9 +31,12 @@
 		 */
 		renderPreview: function renderPreview() {
 			var control = this, previewContainer, previewTemplate;
-			previewContainer = control.$el.find( '.media-widget-preview .rendered' );
+			previewContainer = control.$el.find( '.media-widget-preview' );
 			previewTemplate = wp.template( 'wp-media-widget-image-preview' );
-			previewContainer.html( previewTemplate( { attachment: control.selectedAttachment.attributes } ) );
+			previewContainer.html( previewTemplate( _.extend(
+				control.model.toJSON(),
+				{ attachment: control.selectedAttachment.toJSON() }
+			) ) );
 		},
 
 		/**
diff --git a/wp-admin/js/widgets/media-widgets.js b/wp-admin/js/widgets/media-widgets.js
index 3e6712a..6a4c5f5 100644
--- a/wp-admin/js/widgets/media-widgets.js
+++ b/wp-admin/js/widgets/media-widgets.js
@@ -111,7 +111,9 @@ wp.mediaWidgets = ( function( $ ) {
 
 			// Re-render the preview when the attachment changes.
 			control.selectedAttachment = new wp.media.model.Attachment( { id: 0 } );
+			control.renderPreview = _.debounce( control.renderPreview );
 			control.listenTo( control.selectedAttachment, 'change', control.renderPreview );
+			control.listenTo( control.model, 'change', control.renderPreview );
 
 			// Make sure a copy of the selected attachment is always fetched.
 			control.model.on( 'change', control.fetchSelectedAttachment );
@@ -370,7 +372,7 @@ wp.mediaWidgets = ( function( $ ) {
 			var control = this, titleInput;
 
 			if ( ! control.templateRendered ) {
-				control.$el.html( control.template()( control.model.attributes ) );
+				control.$el.html( control.template()( control.model.toJSON() ) );
 				control.renderPreview(); // Hereafter it will re-render when control.selectedAttachment changes.
 				control.templateRendered = true;
 			}
diff --git a/wp-includes/widgets/class-wp-widget-image.php b/wp-includes/widgets/class-wp-widget-image.php
index 7174815..f718dfb 100644
--- a/wp-includes/widgets/class-wp-widget-image.php
+++ b/wp-includes/widgets/class-wp-widget-image.php
@@ -284,6 +284,9 @@ public function render_control_template_scripts() {
 
 		?>
 		<script type="text/html" id="tmpl-wp-media-widget-image-preview">
+			<#
+			var describedById = 'describedBy-' + String( Math.random() );
+			#>
 			<# if ( data.attachment.error && 'missing_attachment' === data.attachment.error ) { #>
 				<div class="notice notice-error notice-alt notice-missing-attachment">
 					<p><?php echo $this->l10n['missing_attachment']; ?></p>
@@ -292,8 +295,23 @@ public function render_control_template_scripts() {
 				<div class="notice notice-error notice-alt">
 					<p><?php _e( 'Unable to preview media due to an unknown error.' ); ?></p>
 				</div>
-			<# } else if ( data.attachment.url ) { #>
-				<img class="attachment-thumb" src="{{ data.attachment.url }}" draggable="false" alt="" />
+			<# } else if ( data.attachment.url || data.url ) { #>
+				<img class="attachment-thumb" src="{{ data.attachment.url || data.url }}" draggable="false" alt="{{ data.alt }}" <# if ( ! data.alt ) { #> aria-describedby="{{ describedById }}" <# } #> />
+				<# if ( ! data.alt ) { #>
+					<#
+					var alt = ( data.attachment.url || data.url );
+					alt = alt.replace( /\?.*$/, '' );
+					alt = alt.replace( /^.+\//, '' );
+					#>
+					<p class="hidden" id="{{ describedById }}"><?php
+						/* translators: placeholder is image filename */
+						echo sprintf( __( 'Current image: %s' ), '{{ alt }}' );
+					?></p>
+				<# } #>
+			<# } else { #>
+				<div class="attachment-media-view">
+					<p class="placeholder"><?php echo esc_html( $this->l10n['no_media_selected'] ); ?></p>
+				</div>
 			<# } #>
 		</script>
 		<?php
diff --git a/wp-includes/widgets/class-wp-widget-media.php b/wp-includes/widgets/class-wp-widget-media.php
index 9588484..9305f6b 100644
--- a/wp-includes/widgets/class-wp-widget-media.php
+++ b/wp-includes/widgets/class-wp-widget-media.php
@@ -341,10 +341,7 @@ public function render_control_template_scripts() {
 				<input id="{{ elementIdPrefix }}title" type="text" class="widefat title">
 			</p>
 			<div class="media-widget-preview">
-				<div class="selected rendered">
-					<!-- Media rendering goes here. -->
-				</div>
-				<div class="attachment-media-view not-selected">
+				<div class="attachment-media-view">
 					<p class="placeholder"><?php echo esc_html( $this->l10n['no_media_selected'] ); ?></p>
 				</div>
 			</div>