WP Accessibility - Version 1.3.0

Version Description

  • Add long description support. Requested by John Foliot; based on http://wordpress.org/plugins/long-description-for-image-attachments/
Download this release

Release Info

Developer joedolson
Plugin Icon 128x128 WP Accessibility
Version 1.3.0
Comparing to
See all releases

Code changes from version 1.2.9 to 1.3.0

Files changed (7) hide show
  1. js/longdesc.button.js +20 -0
  2. js/longdesc.link.js +11 -0
  3. readme.txt +7 -2
  4. templates/longdesc-template.php +32 -0
  5. uninstall.php +1 -0
  6. wp-accessibility.php +158 -16
  7. wpa-style.css +33 -1
js/longdesc.button.js ADDED
@@ -0,0 +1,20 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ (function( $ ) { 'use strict';
2
+ $('img[longdesc]').each(function(){
3
+ var longdesc = $(this).attr('longdesc');
4
+ var text = '<span>Long Description</span>';
5
+ var classes = $(this).attr('class');
6
+ $(this).attr( 'class', '' );
7
+ $(this).wrap('<div class="wpa-ld" />')
8
+ $(this).parent('.wpa-ld').addClass( classes );
9
+ $(this).parent('.wpa-ld').append('<div class="longdesc" aria-live="assertive"></div>'); // better supported
10
+ $(this).parent('.wpa-ld').append('<button>'+text+'</button>');
11
+ $(this).parent('.wpa-ld').children('.longdesc').hide();
12
+ $(this).parent('.wpa-ld').children('.longdesc').load( longdesc + ' #desc');
13
+ $(this).parent('.wpa-ld').children('button').toggle( function() {
14
+ $(this).parent('.wpa-ld').children('.longdesc').show( 150 );
15
+ }, function() {
16
+ $(this).parent('.wpa-ld').children('.longdesc').hide();
17
+ });
18
+ });
19
+ }(jQuery));
20
+
js/longdesc.link.js ADDED
@@ -0,0 +1,11 @@
 
 
 
 
 
 
 
 
 
 
 
1
+ (function( $ ) { 'use strict';
2
+ $('img[longdesc]').each(function(){
3
+ var longdesc = $(this).attr('longdesc');
4
+ var alt = $(this).attr('alt');
5
+ var classes = $(this).attr('class');
6
+ $(this).wrap('<div class="wpa-ld" />');
7
+ $(this).parent('.wpa-ld').addClass( classes );
8
+ $(this).attr( 'alt', '' ).attr( 'class', '' );
9
+ $(this).parent('.wpa-ld').append('<a href="' + longdesc + '" class="longdesc-link">Description<span> of'+alt+'</span></a>');
10
+ });
11
+ }(jQuery));
readme.txt CHANGED
@@ -4,7 +4,7 @@ Donate link: http://www.joedolson.com/donate.php
4
  Tags: title, accessibility, accessible, navigation, wcag, a11y, section508, focus
5
  Requires at least: 3.4.2
6
  Tested up to: 3.8.1
7
- Stable tag: 1.2.8
8
  License: GPLv2 or later
9
 
10
  WP Accessibility provides fixes for common accessibility issues in your WordPress site.
@@ -22,6 +22,7 @@ Accessibility Features added by WP Accessibility:
22
  * Add language and text direction attributes to your HTML attribute
23
  * Add an outline to the keyboard focus state for focusable elements.
24
  * Add a toolbar toggling between high contrast, large print, and desaturated (grayscale) views of your theme.
 
25
 
26
  Accessibility Issues fixed by WP Accessibility:
27
 
@@ -57,6 +58,10 @@ Visit the [WP Accessibility translations site](http://translate.joedolson.com/pr
57
 
58
  == Changelog ==
59
 
 
 
 
 
60
  = 1.2.9 =
61
 
62
  * Bug fix: :focus states for skiplinks broken in 1.2.8.
@@ -171,4 +176,4 @@ Even if WP Accessibility is running correctly, not all accessibility testing too
171
 
172
  == Upgrade Notice ==
173
 
174
- * 1.2.4: Added diagnostic CSS, visible logout link.
4
  Tags: title, accessibility, accessible, navigation, wcag, a11y, section508, focus
5
  Requires at least: 3.4.2
6
  Tested up to: 3.8.1
7
+ Stable tag: 1.2.9
8
  License: GPLv2 or later
9
 
10
  WP Accessibility provides fixes for common accessibility issues in your WordPress site.
22
  * Add language and text direction attributes to your HTML attribute
23
  * Add an outline to the keyboard focus state for focusable elements.
24
  * Add a toolbar toggling between high contrast, large print, and desaturated (grayscale) views of your theme.
25
+ * Add a long description to images. Use the image's "Description" field to add long descriptions.
26
 
27
  Accessibility Issues fixed by WP Accessibility:
28
 
58
 
59
  == Changelog ==
60
 
61
+ = 1.3.0 =
62
+
63
+ * Add long description support. Requested by John Foliot; based on http://wordpress.org/plugins/long-description-for-image-attachments/
64
+
65
  = 1.2.9 =
66
 
67
  * Bug fix: :focus states for skiplinks broken in 1.2.8.
176
 
177
  == Upgrade Notice ==
178
 
179
+ * 1.3.0 Supports longdesc attribute on images. Adds scripted UI for longdesc.
templates/longdesc-template.php ADDED
@@ -0,0 +1,32 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /*
3
+ * The goal for this template is to provide the simplest possible interface to view the long description.
4
+ * If you replace the template, I recommend against including your peripheral design, such as navigation.
5
+ * The purpose of the long description is to get the description and return to your previous context.
6
+ */
7
+ ?>
8
+ <!DOCTYPE html>
9
+ <html <?php language_attributes(); ?>>
10
+ <head>
11
+ <meta charset="<?php bloginfo( 'charset' ); ?>">
12
+ <title><?php the_title(); ?></title>
13
+ <link rel="stylesheet" type="text/css" href="<?php print get_stylesheet_uri(); ?>">
14
+ <link rel="stylesheet" type="text/css" href="<?php print plugins_url( '/wp-accessibility/wpa-style.css' ); ?>">
15
+ </head>
16
+ <body>
17
+ <div id="longdesc" class="template-longdesc">
18
+ <div id="desc">
19
+ <?php the_content(); ?>
20
+ </div>
21
+ <?php
22
+ if( isset( $_GET['referrer'] ) ) {
23
+ $uri = get_permalink( (int) $_GET['referrer'] );
24
+ if( !empty( $uri ) ) {
25
+ $uri.= '#' . longdesc_return_anchor( get_the_ID() );
26
+ print '<p><a href="' . esc_url( $uri ) . '">' .esc_html__( 'Return to article.', 'longdesc' ) . '</a></p>';
27
+ }
28
+ }
29
+ ?>
30
+ </div>
31
+ </body>
32
+ </html>
uninstall.php CHANGED
@@ -29,4 +29,5 @@ if ( !defined( 'ABSPATH' ) && !defined( 'WP_UNINSTALL_PLUGIN' ) ) {
29
  delete_option( 'wpa_continue' );
30
  delete_option( 'wpa_toolbar' );
31
  delete_option( 'wpa_diagnostics' );
 
32
  }
29
  delete_option( 'wpa_continue' );
30
  delete_option( 'wpa_toolbar' );
31
  delete_option( 'wpa_diagnostics' );
32
+ delete_option( 'wpa_longdesc' );
33
  }
wp-accessibility.php CHANGED
@@ -3,7 +3,7 @@
3
  Plugin Name: WP Accessibility
4
  Plugin URI: http://www.joedolson.com/articles/wp-accessibility/
5
  Description: Provides options to improve accessibility in your WordPress site, including removing title attributes.
6
- Version: 1.2.9
7
  Author: Joe Dolson
8
  Author URI: http://www.joedolson.com/
9
 
@@ -36,7 +36,7 @@ function add_wpa_admin_menu() {
36
 
37
  // ACTIVATION
38
  function wpa_install() {
39
- $wpa_version = '1.2.9';
40
  if ( get_option('wpa_installed') != 'true' ) {
41
  add_option('rta_from_nav_menu', 'on');
42
  add_option('rta_from_page_lists', 'on');
@@ -54,7 +54,8 @@ function wpa_install() {
54
  add_option('wpa_continue','Continue Reading');
55
  add_option('wpa_focus','');
56
  add_option( 'wpa_installed', 'true' );
57
- add_option( 'wpa_version', $version );
 
58
  } else {
59
  wpa_check_version();
60
  update_option( 'wpa_version', $version );
@@ -62,7 +63,10 @@ function wpa_install() {
62
  }
63
 
64
  function wpa_check_version() {
65
- return true; // not needed yet
 
 
 
66
  }
67
 
68
  function wpa_plugin_action($links, $file) {
@@ -129,10 +133,7 @@ function wpa_register_scripts() {
129
  wp_register_script( 'scrollTo', plugins_url( 'wp-accessibility/toolbar/js/jquery.scrollto.min.js' ), array( 'jquery' ), '1.4.5', true );
130
  }
131
 
132
- if ( get_option( 'asl_enable') == 'on' ) {
133
- // insert skiplinks into DOM via jQuery
134
- add_action( 'wp_footer', 'wpa_jquery_asl' );
135
- }
136
  if ( get_option( 'wpa_toolbar' ) == 'on' || get_option( 'wpa_widget_toolbar' ) == 'on' ) {
137
  add_action( 'wp_footer', 'wpa_path_a11y' );
138
  }
@@ -165,6 +166,12 @@ function wpa_enqueue_scripts() {
165
  if ( get_option( 'wpa_toolbar' ) == 'on' ) {
166
  add_action( 'wp_footer','wpa_toolbar_js');
167
  }
 
 
 
 
 
 
168
  }
169
 
170
  add_action('widgets_init', create_function('', 'return register_widget("wp_accessibility_toolbar");') );
@@ -266,7 +273,8 @@ function wpa_is_url($url) {
266
  return preg_match('|^http(s)?://[a-z0-9-]+(.[a-z0-9-]+)*(:[0-9]+)?(/.*)?$|i', $url);
267
  }
268
 
269
- function wpa_jquery_asl() {
 
270
  $content = str_replace( '#','',esc_attr( get_option('asl_content') ) );
271
  $visibility = ( get_option( 'asl_visible' ) == 'on' )?'wpa-visible':'wpa-hide';
272
  $nav = str_replace( '#','',esc_attr( get_option('asl_navigation') ) );
@@ -283,15 +291,17 @@ function wpa_jquery_asl() {
283
  $html .= ( $extra != '' && $extra_text != '' )?"<a href=\"$extra\">$extra_text</a> ":'';
284
  $is_rtl = ( is_rtl() ) ? '-rtl' : '-ltr' ;
285
  $output = ($html != '')?"<div class=\"$visibility$is_rtl\" id=\"skiplinks\" role=\"navigation\">$html</div>":'';
286
- $skiplinks_js = ( $output )?"$('body').prepend('$output');":'';
287
  // attach language to html element
288
  $lang = ( get_option( 'wpa_lang' ) == 'on' )?get_bloginfo('language'):false;
289
  $dir = ( get_option( 'wpa_lang' ) == 'on' )?get_bloginfo('text_direction'):false;
290
- $lang_js = "$('html').attr('lang','$lang'); $('html').attr('dir','$dir')";
291
  // force links to open in the same window
292
  $targets = ( get_option( 'wpa_target' ) == 'on' )?"$('a').removeAttr('target');":'';
293
  $tabindex = ( get_option( 'wpa_tabindex') == 'on' )?"$('input,a,select,textarea,button').removeAttr('tabindex');":'';
294
- if ( $output || $lang ) {
 
 
295
  $script = "
296
  <script>
297
  //<![CDATA[
@@ -498,6 +508,7 @@ function wpa_update_settings() {
498
  $wpa_target = ( isset( $_POST['wpa_target'] ) )?'on':'';
499
  $wpa_search = ( isset( $_POST['wpa_search'] ) )?'on':'';
500
  $wpa_tabindex = ( isset ( $_POST['wpa_tabindex'] ) )?'on':'';
 
501
  $wpa_image_titles = ( isset ( $_POST['wpa_image_titles'] ) )?'on':'';
502
  $wpa_more = ( isset ( $_POST['wpa_more'] ) )?'on':'';
503
  $wpa_focus = ( isset ( $_POST['wpa_focus'] ) )?'on':'';
@@ -513,6 +524,7 @@ function wpa_update_settings() {
513
  update_option('wpa_target', $wpa_target );
514
  update_option('wpa_search', $wpa_search );
515
  update_option('wpa_tabindex', $wpa_tabindex );
 
516
  update_option('wpa_image_titles', $wpa_image_titles );
517
  update_option('wpa_more', $wpa_more );
518
  update_option('wpa_focus', $wpa_focus );
@@ -676,6 +688,12 @@ function wpa_admin_menu() { ?>
676
  <li><input type="checkbox" id="wpa_target" name="wpa_target" <?php if ( get_option('wpa_target') == "on") { echo 'checked="checked" '; } ?>/> <label for="wpa_target"><?php _e('Remove target attribute from links','wp-accessibility'); ?></label></li>
677
  <li><input type="checkbox" id="wpa_search" name="wpa_search" <?php if ( get_option('wpa_search') == "on") { echo 'checked="checked" '; } ?>/> <label for="wpa_search"><?php _e('Force search error on empty search submission (theme must have search.php template)','wp-accessibility'); ?></label></li>
678
  <li><input type="checkbox" id="wpa_tabindex" name="wpa_tabindex" <?php if ( get_option('wpa_tabindex') == "on") { echo 'checked="checked" '; } ?>/> <label for="wpa_tabindex"><?php _e('Remove tabindex from focusable elements','wp-accessibility'); ?></label></li>
 
 
 
 
 
 
679
  <li><input type="checkbox" id="wpa_admin_css" name="wpa_admin_css" <?php if ( get_option('wpa_admin_css') == "on") { echo 'checked="checked" '; } ?>/> <label for="wpa_admin_css"><?php _e('Enable WordPress Admin stylesheet','wp-accessibility'); ?></label></li>
680
  <li><input type="checkbox" id="wpa_row_actions" name="wpa_row_actions" <?php if ( get_option('wpa_row_actions') == "on") { echo 'checked="checked" '; } ?>/> <label for="wpa_row_actions"><?php _e('Make row actions always visible','wp-accessibility'); ?></label></li>
681
  <li><input type="checkbox" id="wpa_image_titles" name="wpa_image_titles" <?php if ( get_option('wpa_image_titles') == "on") { echo 'checked="checked" '; } ?>/> <label for="wpa_image_titles"><?php _e('Remove title attribute from images inserted into post content and featured images.','wp-accessibility'); ?></label></li>
@@ -819,6 +837,7 @@ if ( $l_contrast ) {
819
  <li><a href="http://accessites.org/site/2008/11/wordpress-and-accessibility/#comment-2926">WordPress and Accessibility (Comment)</a></li>
820
  <li><a href="http://wordpress.org/extend/plugins/img-title-removal/">IMG Title Removal</a></li>
821
  <li><a href="http://www.usableinteractions.com/2012/11/accessibility-toolbar/">Accessibility Toolbar</a></li>
 
822
  </ul>
823
  </div>
824
  </div>
@@ -826,14 +845,17 @@ if ( $l_contrast ) {
826
 
827
  <div class="ui-sortable meta-box-sortables">
828
  <div class="postbox">
829
- <h3><?php _e('Accessibility Toolbar Notes','wp-accessibility'); ?></h3>
830
  <div class="inside">
831
  <p>
832
- <?php _e('It is almost impossible for the Accessibility Toolbar to guarantee a good result for large text or high contrast modes. You can author your own high-contrast styles by placing a stylesheet called <code>a11y-contrast.css</code> in your Theme\'s stylesheet directory.','wp-accessibility'); ?>
833
  </p>
834
  <p>
835
- <?php _e('You can define custom styles for the large print view by defining them under the body class <code>.fontsize</code> in your theme stylesheet.'); ?>
836
  </p>
 
 
 
837
  </div>
838
  </div>
839
  </div>
@@ -1074,4 +1096,124 @@ $plugins_string
1074
  </div>
1075
  </div>
1076
  </form>";
1077
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3
  Plugin Name: WP Accessibility
4
  Plugin URI: http://www.joedolson.com/articles/wp-accessibility/
5
  Description: Provides options to improve accessibility in your WordPress site, including removing title attributes.
6
+ Version: 1.3.0
7
  Author: Joe Dolson
8
  Author URI: http://www.joedolson.com/
9
 
36
 
37
  // ACTIVATION
38
  function wpa_install() {
39
+ $wpa_version = '1.3.0';
40
  if ( get_option('wpa_installed') != 'true' ) {
41
  add_option('rta_from_nav_menu', 'on');
42
  add_option('rta_from_page_lists', 'on');
54
  add_option('wpa_continue','Continue Reading');
55
  add_option('wpa_focus','');
56
  add_option( 'wpa_installed', 'true' );
57
+ add_option( 'wpa_version', $version );
58
+ add_option( 'wpa_longdesc', 'jquery' );
59
  } else {
60
  wpa_check_version();
61
  update_option( 'wpa_version', $version );
63
  }
64
 
65
  function wpa_check_version() {
66
+ // upgrade for version 1.3.0
67
+ if ( version_compare( get_option( 'wpa_version' ), '1.3.0', '<' ) ) {
68
+ add_option( 'wpa_longdesc', 'jquery' );
69
+ }
70
  }
71
 
72
  function wpa_plugin_action($links, $file) {
133
  wp_register_script( 'scrollTo', plugins_url( 'wp-accessibility/toolbar/js/jquery.scrollto.min.js' ), array( 'jquery' ), '1.4.5', true );
134
  }
135
 
136
+ add_action( 'wp_footer', 'wpa_jquery_asl' );
 
 
 
137
  if ( get_option( 'wpa_toolbar' ) == 'on' || get_option( 'wpa_widget_toolbar' ) == 'on' ) {
138
  add_action( 'wp_footer', 'wpa_path_a11y' );
139
  }
166
  if ( get_option( 'wpa_toolbar' ) == 'on' ) {
167
  add_action( 'wp_footer','wpa_toolbar_js');
168
  }
169
+ if ( get_option( 'wpa_longdesc' ) == 'link' ) {
170
+ wp_enqueue_script( 'longdesc.link', plugins_url( 'js/longdesc.link.js', __FILE__ ), array( 'jquery' ), '1.0', true );
171
+ }
172
+ if ( get_option( 'wpa_longdesc' ) == 'jquery' ) {
173
+ wp_enqueue_script( 'longdesc.button', plugins_url( 'js/longdesc.button.js', __FILE__ ), array( 'jquery' ), '1.0', true );
174
+ }
175
  }
176
 
177
  add_action('widgets_init', create_function('', 'return register_widget("wp_accessibility_toolbar");') );
273
  return preg_match('|^http(s)?://[a-z0-9-]+(.[a-z0-9-]+)*(:[0-9]+)?(/.*)?$|i', $url);
274
  }
275
 
276
+ function wpa_jquery_asl() {
277
+ $skiplinks_js = $targets = $lang_js = $tabindex = $longdesc = false;
278
  $content = str_replace( '#','',esc_attr( get_option('asl_content') ) );
279
  $visibility = ( get_option( 'asl_visible' ) == 'on' )?'wpa-visible':'wpa-hide';
280
  $nav = str_replace( '#','',esc_attr( get_option('asl_navigation') ) );
291
  $html .= ( $extra != '' && $extra_text != '' )?"<a href=\"$extra\">$extra_text</a> ":'';
292
  $is_rtl = ( is_rtl() ) ? '-rtl' : '-ltr' ;
293
  $output = ($html != '')?"<div class=\"$visibility$is_rtl\" id=\"skiplinks\" role=\"navigation\">$html</div>":'';
294
+ $skiplinks_js = ( $output )?"$('body').prepend('$output');":'';
295
  // attach language to html element
296
  $lang = ( get_option( 'wpa_lang' ) == 'on' )?get_bloginfo('language'):false;
297
  $dir = ( get_option( 'wpa_lang' ) == 'on' )?get_bloginfo('text_direction'):false;
298
+ $lang_js = "$('html').attr('lang','$lang'); $('html').attr('dir','$dir')";
299
  // force links to open in the same window
300
  $targets = ( get_option( 'wpa_target' ) == 'on' )?"$('a').removeAttr('target');":'';
301
  $tabindex = ( get_option( 'wpa_tabindex') == 'on' )?"$('input,a,select,textarea,button').removeAttr('tabindex');":'';
302
+ $display = ( $skiplinks_js || $targets || $lang_js || $tabindex || $longdesc ) ? true : false ;
303
+
304
+ if ( $display ) {
305
  $script = "
306
  <script>
307
  //<![CDATA[
508
  $wpa_target = ( isset( $_POST['wpa_target'] ) )?'on':'';
509
  $wpa_search = ( isset( $_POST['wpa_search'] ) )?'on':'';
510
  $wpa_tabindex = ( isset ( $_POST['wpa_tabindex'] ) )?'on':'';
511
+ $wpa_longdesc = ( isset ( $_POST['wpa_longdesc'] ) ) ? esc_attr( $_POST['wpa_longdesc'] ) : 'false';
512
  $wpa_image_titles = ( isset ( $_POST['wpa_image_titles'] ) )?'on':'';
513
  $wpa_more = ( isset ( $_POST['wpa_more'] ) )?'on':'';
514
  $wpa_focus = ( isset ( $_POST['wpa_focus'] ) )?'on':'';
524
  update_option('wpa_target', $wpa_target );
525
  update_option('wpa_search', $wpa_search );
526
  update_option('wpa_tabindex', $wpa_tabindex );
527
+ update_option('wpa_longdesc', $wpa_longdesc );
528
  update_option('wpa_image_titles', $wpa_image_titles );
529
  update_option('wpa_more', $wpa_more );
530
  update_option('wpa_focus', $wpa_focus );
688
  <li><input type="checkbox" id="wpa_target" name="wpa_target" <?php if ( get_option('wpa_target') == "on") { echo 'checked="checked" '; } ?>/> <label for="wpa_target"><?php _e('Remove target attribute from links','wp-accessibility'); ?></label></li>
689
  <li><input type="checkbox" id="wpa_search" name="wpa_search" <?php if ( get_option('wpa_search') == "on") { echo 'checked="checked" '; } ?>/> <label for="wpa_search"><?php _e('Force search error on empty search submission (theme must have search.php template)','wp-accessibility'); ?></label></li>
690
  <li><input type="checkbox" id="wpa_tabindex" name="wpa_tabindex" <?php if ( get_option('wpa_tabindex') == "on") { echo 'checked="checked" '; } ?>/> <label for="wpa_tabindex"><?php _e('Remove tabindex from focusable elements','wp-accessibility'); ?></label></li>
691
+ <li><label for="wpa_longdesc"><?php _e('Long Description UI','wp-accessibility'); ?></label> <select id="wpa_longdesc" name="wpa_longdesc">
692
+ <option value='link'<?php if ( get_option('wpa_longdesc') == "link") { echo 'selected="selected" '; } ?>><?php _e('Link to description','wp-accessibility'); ?></option>
693
+ <option value='jquery'<?php if ( get_option('wpa_longdesc') == "jquery") { echo 'selected="selected" '; } ?>><?php _e('Button trigger to overlay image','wp-accessibility'); ?></option>
694
+ <option value='false'<?php if ( get_option('wpa_longdesc') == "false" || !get_option( 'wpa_longdesc' ) ) { echo 'selected="selected" '; } ?>s><?php _e('Browser defaults only','wp-accessibility'); ?></option>
695
+ </select>
696
+ </li>
697
  <li><input type="checkbox" id="wpa_admin_css" name="wpa_admin_css" <?php if ( get_option('wpa_admin_css') == "on") { echo 'checked="checked" '; } ?>/> <label for="wpa_admin_css"><?php _e('Enable WordPress Admin stylesheet','wp-accessibility'); ?></label></li>
698
  <li><input type="checkbox" id="wpa_row_actions" name="wpa_row_actions" <?php if ( get_option('wpa_row_actions') == "on") { echo 'checked="checked" '; } ?>/> <label for="wpa_row_actions"><?php _e('Make row actions always visible','wp-accessibility'); ?></label></li>
699
  <li><input type="checkbox" id="wpa_image_titles" name="wpa_image_titles" <?php if ( get_option('wpa_image_titles') == "on") { echo 'checked="checked" '; } ?>/> <label for="wpa_image_titles"><?php _e('Remove title attribute from images inserted into post content and featured images.','wp-accessibility'); ?></label></li>
837
  <li><a href="http://accessites.org/site/2008/11/wordpress-and-accessibility/#comment-2926">WordPress and Accessibility (Comment)</a></li>
838
  <li><a href="http://wordpress.org/extend/plugins/img-title-removal/">IMG Title Removal</a></li>
839
  <li><a href="http://www.usableinteractions.com/2012/11/accessibility-toolbar/">Accessibility Toolbar</a></li>
840
+ <li><a href="https://wordpress.org/plugins/long-description-for-image-attachments/">WordPress Long Description</a></li>
841
  </ul>
842
  </div>
843
  </div>
845
 
846
  <div class="ui-sortable meta-box-sortables">
847
  <div class="postbox">
848
+ <h3><?php _e('Customization Notes','wp-accessibility'); ?></h3>
849
  <div class="inside">
850
  <p>
851
+ <?php _e('It is almost impossible for the Accessibility Toolbar to guarantee a good result for large text or high contrast modes. Author your own high-contrast styles by placing a stylesheet called <code>a11y-contrast.css</code> in your Theme\'s stylesheet directory.','wp-accessibility'); ?>
852
  </p>
853
  <p>
854
+ <?php _e('Define custom styles for large print by asssigning them in the body class <code>.fontsize</code> in your theme stylesheet.','wp-accessibility' ); ?>
855
  </p>
856
+ <p>
857
+ <?php _e('Define a custom long description template by adding the template "longdesc-template.php" to your theme directory.','wp-accessibility' ); ?>
858
+ </p>
859
  </div>
860
  </div>
861
  </div>
1096
  </div>
1097
  </div>
1098
  </form>";
1099
+ }
1100
+
1101
+
1102
+ /* longdesc support, based on work by Michael Fields (http://wordpress.org/plugins/long-description-for-image-attachments/) */
1103
+
1104
+ define( 'WPA_TEMPLATES', trailingslashit( dirname( __FILE__ ) ).'templates/' );
1105
+
1106
+ /**
1107
+ * Load Template.
1108
+ *
1109
+ * The ID for an image attachment is expected to be
1110
+ * passed via $_GET['longdesc']. If this value exists
1111
+ * and a post is successfully queried, postdata will
1112
+ * be prepared and a template will be loaded to display
1113
+ * the post content.
1114
+ *
1115
+ * This template must be named "longdesc-template.php".
1116
+ *
1117
+ * First, this function will look in the child theme
1118
+ * then in the parent theme and if no template is found
1119
+ * in either theme, the default template will be loaded
1120
+ * from the plugin's folder.
1121
+ *
1122
+ * This function is hooked into the "template_redirect"
1123
+ * action and terminates script execution.
1124
+ *
1125
+ * @return void
1126
+ *
1127
+ * @since 2010-09-26
1128
+ * @alter 2011-03-27
1129
+ */
1130
+ function longdesc_template() {
1131
+
1132
+ /* Return early if there is no reason to proceed. */
1133
+ if ( ! isset( $_GET['longdesc'] ) ) {
1134
+ return;
1135
+ }
1136
+
1137
+ global $post;
1138
+
1139
+ /* Get the image attachment's data. */
1140
+ $id = absint( $_GET['longdesc'] );
1141
+ $post = get_post( $id );
1142
+ if ( is_object( $post ) ) {
1143
+ setup_postdata( $post );
1144
+ }
1145
+
1146
+ /* Attachment must be an image. */
1147
+ if ( false === strpos( get_post_mime_type(), 'image' ) ) {
1148
+ header( 'HTTP/1.0 404 Not Found' );
1149
+ exit;
1150
+ }
1151
+
1152
+ /* The whole point here is to NOT show an image :) */
1153
+ remove_filter( 'the_content', 'prepend_attachment' );
1154
+
1155
+ /* Check to see if there is a template in the theme. */
1156
+ $template = locate_template( array( 'longdesc-template.php' ) );
1157
+ if ( ! empty( $template ) ) {
1158
+ require_once( $template );
1159
+ exit;
1160
+ }
1161
+ /* Use plugin's template file. */
1162
+ else {
1163
+ require_once( WPA_TEMPLATES . 'longdesc-template.php' );
1164
+ exit;
1165
+ }
1166
+
1167
+ /* You've gone too far! */
1168
+ header( 'HTTP/1.0 404 Not Found' );
1169
+ exit;
1170
+ }
1171
+ add_action( 'template_redirect', 'longdesc_template' );
1172
+
1173
+
1174
+ /**
1175
+ * Anchor.
1176
+ *
1177
+ * Create anchor id for linking from a Long Description to referring post.
1178
+ * Also creates an anchor to return from Long Description page.
1179
+ *
1180
+ * @param int ID of the post which contains an image with a longdesc attribute.
1181
+ * @return string
1182
+ *
1183
+ * @since 2010-09-26
1184
+ */
1185
+ function longdesc_return_anchor( $id ) {
1186
+ return 'longdesc-return-' . $id;
1187
+ }
1188
+
1189
+
1190
+ /**
1191
+ * Add Attribute.
1192
+ *
1193
+ * Add longdesc attribute when WordPress sends image to the editor.
1194
+ * Also creates an anchor to return from Long Description page.
1195
+ *
1196
+ * @return string
1197
+ *
1198
+ * @since 2010-09-20
1199
+ * @alter 2011-04-06
1200
+ */
1201
+ function longdesc_add_attr( $html, $id, $caption, $title, $align, $url, $size, $alt ) {
1202
+
1203
+ /* Get data for the image attachment. */
1204
+ $image = get_post( $id );
1205
+ global $post_ID;
1206
+ if ( isset( $image->ID ) && !empty( $image->ID ) ) {
1207
+ $args = array( 'longdesc' => $image->ID );
1208
+ /* The referrer is the post that the image is inserted into. */
1209
+ if ( isset( $_REQUEST['post_id'] ) ) {
1210
+ $args['referrer'] = (int) $_REQUEST['post_id'];
1211
+ }
1212
+ $search = '<img';
1213
+ $replace = $search . ' longdesc="' . esc_url( add_query_arg( $args, home_url() ) ) . '"';
1214
+ $html = str_replace( $search, $replace, $html );
1215
+ $html.= '<a id="' . esc_attr( longdesc_return_anchor( $image->ID ) ) . '"></a>';
1216
+ }
1217
+ return $html;
1218
+ }
1219
+ add_filter( 'image_send_to_editor', 'longdesc_add_attr', 10, 8 );
wpa-style.css CHANGED
@@ -1,3 +1,35 @@
1
  .wpa-hide-rtl#skiplinks a, .wpa-hide-rtl#skiplinks a:hover, .wpa-hide-rtl#skiplinks a:visited { position: absolute !important; right: -999em; }
2
  .wpa-hide-ltr#skiplinks a, .wpa-hide-ltr#skiplinks a:hover, .wpa-hide-ltr#skiplinks a:visited { position: absolute !important; left: -999em; }
3
- .wpa-hide#skiplinks a:active, .wpa-hide#skiplinks a:focus { position: absolute; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
  .wpa-hide-rtl#skiplinks a, .wpa-hide-rtl#skiplinks a:hover, .wpa-hide-rtl#skiplinks a:visited { position: absolute !important; right: -999em; }
2
  .wpa-hide-ltr#skiplinks a, .wpa-hide-ltr#skiplinks a:hover, .wpa-hide-ltr#skiplinks a:visited { position: absolute !important; left: -999em; }
3
+ .wpa-hide#skiplinks a:active, .wpa-hide#skiplinks a:focus { position: absolute; }
4
+
5
+ .wpa-ld { display: inline-block; position: relative; }
6
+
7
+ /* basic support for themes that don't define alignleft and alignright for non-image elements. */
8
+ div.alignleft { float: left; }
9
+ div.alignright { float: right; }
10
+ div.aligncenter { display: block; margin: 0 auto; }
11
+
12
+ .wpa-ld a,.wpa-ld button { bottom: 2px; left: 2px; position: absolute; line-height: 1; min-width: 1em; }
13
+ .wpa-ld img { display: block; }
14
+ .wpa-ld button,.wpa-ld button:active,.wpa-ld button:focus,.wpa-ld button:hover {
15
+ border: 1px solid #777; border-radius: 2px; z-index: 10;
16
+ }
17
+
18
+ .wpa-ld .longdesc { position: absolute; width: 100%; height: 100%; top: 0; overflow-y: scroll; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: rgba( 255, 255, 255, .95 ); padding: 1.5em; }
19
+
20
+ .wpa-ld button, .wpa-ld button:active, .wpa-ld button:focus, .wpa-ld button:hover, .wpa-ld a {
21
+ font-size: .9em; font-weight: 400; background: rgba( 255, 255, 255, .7 )!important; padding: 0; color: #000!important; text-shadow: 1px 1px #ccc;
22
+ }
23
+ .wpa-ld button:before { content: 'i'; font-style: italic; font-family: serif; }
24
+ .wpa-ld button:focus, .wpa-ld button:hover { background: rgba( 0,0,0, .75 )!important; color: #fff!important; border: 1px solid #000!important; cursor: pointer;}
25
+ .wpa-ld button:focus { padding: 6px; }
26
+ .wpa-ld button span, .longdesc-link span {
27
+ position: absolute !important;
28
+ height: 1px;
29
+ width: 1px;
30
+ overflow: hidden;
31
+ clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
32
+ clip: rect(1px, 1px, 1px, 1px);
33
+ }
34
+
35
+ .template-longdesc { text-align: left; line-height: 1.5; width: 100%; max-width:50em; padding:2em; margin:1em auto; background:#fdfdfd; color:#333; box-shadow: 0 0 5px; font-size: 1.4em; }