WordPress.org
Get WordPress

Plugin Directory

Changeset 3433474


Ignore:
Timestamp:
01/06/2026 10:55:26 AM (3 months ago)
Author:
iflairwebtechnologies
Message:

Rename plugin to SiteEase Accessibility; improve readme clarity; fix accessibility markup; standardize text domain; update tested up to version

Location:
site-accessibility
Files:
39 added
1 deleted
6 edited

Legend:

Unmodified
Added
Removed

  • site-accessibility/trunk/assets/css/style.css

    r3181332 r3433474  
    66    height: 90px;
    77    object-fit: cover;
     8}
     9.ifweac_sidebar_content h5{
     10    font-size: 17px;
    811}
    912.ifweac_image-wrap {
    … …  
    8386    border-color: #fff;
    8487    text-decoration: none;
     88    cursor: pointer;
    8589}
    8690.ifweac_accessibility #ifweac_sidebar .ifweac_plus_sign,
    … …  
    182186    padding: 7px 0;
    183187}
     188#ifweac_sidebar button:not(.ifweac_plus_sign):not(.ifweac_minus_sign) {
     189    cursor: pointer;
     190    display: block;
     191    transition: all 0.3s ease-in-out;
     192    border-bottom: 1px solid;
     193    padding: 7px 0;
     194}
     195#ifweac_sidebar button {
     196    background: none;
     197    border: none;
     198    color: inherit;
     199    font: inherit;
     200    outline: none;
     201    border: 1px solid;
     202}
    184203.ifweac_accessibility #ifweac_sidebar > * {
    185204    font-size: 16px;
    186205}
    187 #ifweac_sidebar span:hover {
     206#ifweac_sidebar span:hover,
     207#ifweac_sidebar button:not(.ifweac_plus_sign):not(.ifweac_minus_sign):hover {
    188208    text-decoration: underline;
    189209}
    … …  
    400420}
    401421/* The slider */
    402 #ifweac_sidebar span.ifweac_toggle-checkbox {
     422#ifweac_sidebar .ifweac_toggle-checkbox {
    403423    display: flex;
    404424    align-items: center;
    … …  
    406426    justify-content: space-between;
    407427    position: relative;
     428    padding: 6px 0px;
    408429}
    409430.ifweac_switch .ifweac_slider {
    … …  
    448469}
    449470@media only screen and (max-width:1400px) {
    450     #ifweac_sidebar span {
     471    #ifweac_sidebar span,
     472    #ifweac_sidebar button:not(.ifweac_plus_sign):not(.ifweac_minus_sign) {
    451473        padding: 5px 0;
    452474    }
    … …  
    467489}
    468490@media only screen and (max-width:767px) {
    469     #ifweac_sidebar span {
     491    #ifweac_sidebar span,
     492    #ifweac_sidebar button {
    470493        font-size: 17px;
    471494    }

  • site-accessibility/trunk/assets/js/public/custom.js

    r3183104 r3433474  
    1212    jQuery(".ifweac_accessibility-menu-wrapper").addClass("right-sidebar");
    1313  }
     14 
     15  // Initialize ARIA attributes for checkboxes
     16  jQuery('#ifweac_sidebar input[type="checkbox"]').each(function() {
     17    var isChecked = jQuery(this).is(':checked');
     18    jQuery(this).attr('aria-checked', isChecked ? 'true' : 'false');
     19  });
     20 
    1421  // header-link
    1522  jQuery(".header-nav-main li").click(function () {
    … …  
    8693    });
    8794  }
     95}).keydown(function(e) {
     96  if (e.keyCode === 13 || e.keyCode === 32) { // Enter or Space
     97    e.preventDefault();
     98    jQuery(this).click();
     99  }
    88100});
    89101
    … …  
    131143    });
    132144  }
     145}).keydown(function(e) {
     146  if (e.keyCode === 13 || e.keyCode === 32) { // Enter or Space
     147    e.preventDefault();
     148    jQuery(this).click();
     149  }
    133150});
    134151
    … …  
    153170jQuery(window).load(function() {
    154171  jQuery("#ifweac_links_underline_checkbox").click(function() {
    155     if (jQuery("#ifweac_links_underline").hasClass("ifweac_underlinebtn")) {
    156       document.body.classList.remove("ifweac_underline");
    157       jQuery("#ifweac_links_underline").removeClass("ifweac_underlinebtn");
    158       jQuery("#ifweac_links_underline .ifweac_switch input[name='ifweac_underline']").prop('checked', false);
    159       jQuery("a").css("text-decoration", "");
    160       jQuery("a").css("text-decoration-color", "");
    161     } else {
     172    var isChecked = jQuery(this).is(':checked');
     173    jQuery(this).attr('aria-checked', isChecked ? 'true' : 'false');
     174    if (isChecked) {
    162175      document.body.classList.add("ifweac_underline");
    163176      jQuery("#ifweac_links_underline").addClass("ifweac_underlinebtn");
    … …  
    175188        ifweac_links_underline_colors
    176189      );
     190    } else {
     191      document.body.classList.remove("ifweac_underline");
     192      jQuery("#ifweac_links_underline").removeClass("ifweac_underlinebtn");
     193      jQuery("#ifweac_links_underline .ifweac_switch input[name='ifweac_underline']").prop('checked', false);
     194      jQuery("a").css("text-decoration", "");
     195      jQuery("a").css("text-decoration-color", "");
     196    }
     197  }).keydown(function(e) {
     198    if (e.keyCode === 13 || e.keyCode === 32) { // Enter or Space
     199      e.preventDefault();
     200      jQuery(this).click();
    177201    }
    178202  });
    … …  
    184208jQuery(document).ready(function () {
    185209  jQuery("#ifweac_highlight_links_checkbox").click(function () {
    186     if (jQuery("#ifweac_highlight_links").hasClass("ifweac_highlight_linksbtn")) {
    187       jQuery("#ifweac_highlight_links").removeClass("ifweac_highlight_linksbtn");
    188       jQuery("#ifweac_highlight_links .ifweac_switch input[name='ifweac_highlight']").prop('checked', false);
    189       jQuery("a").each(function () {
    190         jQuery(".ifweac_highlight").css("background-color","");
    191         jQuery(this).removeClass("ifweac_highlight");
    192        
    193       });
    194     } else {
     210    var isChecked = jQuery(this).is(':checked');
     211    jQuery(this).attr('aria-checked', isChecked ? 'true' : 'false');
     212    if (isChecked) {
    195213      jQuery("#ifweac_highlight_links").addClass("ifweac_highlight_linksbtn");
    196214      var ifweac_highlight_links_bgcolor = jQuery(
    … …  
    209227        );
    210228      });
     229    } else {
     230      jQuery("#ifweac_highlight_links").removeClass("ifweac_highlight_linksbtn");
     231      jQuery("#ifweac_highlight_links .ifweac_switch input[name='ifweac_highlight']").prop('checked', false);
     232      jQuery("a").each(function () {
     233        jQuery(".ifweac_highlight").css("background-color","");
     234        jQuery(this).removeClass("ifweac_highlight");
     235       
     236      });
    211237    }
    212238  });
    … …  
    217243//****************************//
    218244function ifweac_changebackColor() {
    219   var ifweac_append_html = jQuery("#ifweac_themebgcolor").html();
    220   if (jQuery("#ifweac_themebgcolor").hasClass("ifweac_backColor")) {
     245  var isChecked = jQuery("#ifweac_themebgcolor_checkbox").is(':checked');
     246  jQuery("#ifweac_themebgcolor_checkbox").attr('aria-checked', isChecked ? 'true' : 'false');
     247  if (isChecked) {
     248    jQuery("#ifweac_themebgcolor").addClass("ifweac_backColor");
     249    jQuery(".ifweac_sidebar_toggler_btn").css({
     250      "background-color": "#000",
     251      border: "1px solid #fff",
     252    });
     253   
     254    document.body.style.backgroundColor = "#000";
     255   
     256    var ifweac_dynamic_txt = jQuery("#ifweac_dynamic_theme_mode_txt").val();
     257   
     258    if (ifweac_dynamic_txt === "") {
     259      jQuery("#ifweac_themebgcolor").html("Theme Mode : Dark"+'<label class="ifweac_switch"><input id="ifweac_themebgcolor_checkbox" type="checkbox" name="ifweac_themebgcolor" onclick="ifweac_changebackColor()"><span class="ifweac_slider ifweac_round"></span></label>');
     260    } else {
     261      jQuery("#ifweac_themebgcolor").html(ifweac_dynamic_txt + " : Dark"+'<label class="ifweac_switch"><input id="ifweac_themebgcolor_checkbox" type="checkbox" name="ifweac_themebgcolor" onclick="ifweac_changebackColor()"><span class="ifweac_slider ifweac_round"></span></label>');
     262    }
     263   
     264    jQuery("#ifweac_themebgcolor .ifweac_switch input[name='ifweac_themebgcolor']").prop('checked', true);
     265
     266    jQuery("a").css("color", "blue");
     267    // jQuery('.iflair_sidebar_toggler').css("background-color",'#000');
     268    // jQuery('.iflair_sidebar_toggler').css("border",'1px solid #fff');
     269    var $ifweac_affectedcolors = jQuery(
     270      "p, h1, h2, h3, h4, h5, h6, div, li, span, div"
     271    );
     272    $ifweac_affectedcolors.each(function () {
     273      var $this = jQuery(this);
     274      $this.data("orig-size", $this.css("color", "#fff"));
     275    });
     276  } else {
    221277    jQuery("#ifweac_themebgcolor").removeClass("ifweac_backColor");
    222278    jQuery(".ifweac_sidebar_toggler_btn").css({
    … …  
    244300      $this.data("orig-size", $this.css("color", ""));
    245301    });
    246    
    247   } else {
    248     jQuery("#ifweac_themebgcolor").addClass("ifweac_backColor");
    249     jQuery(".ifweac_sidebar_toggler_btn").css({
    250       "background-color": "#000",
    251       border: "1px solid #fff",
    252     });
    253    
    254     document.body.style.backgroundColor = "#000";
    255    
    256     var ifweac_dynamic_txt = jQuery("#ifweac_dynamic_theme_mode_txt").val();
    257    
    258     if (ifweac_dynamic_txt === "") {
    259       jQuery("#ifweac_themebgcolor").html("Theme Mode : Dark"+'<label class="ifweac_switch"><input id="ifweac_themebgcolor_checkbox" type="checkbox" name="ifweac_themebgcolor" onclick="ifweac_changebackColor()"><span class="ifweac_slider ifweac_round"></span></label>');
    260     } else {
    261       jQuery("#ifweac_themebgcolor").html(ifweac_dynamic_txt + " : Dark"+'<label class="ifweac_switch"><input id="ifweac_themebgcolor_checkbox" type="checkbox" name="ifweac_themebgcolor" onclick="ifweac_changebackColor()"><span class="ifweac_slider ifweac_round"></span></label>');
    262     }
    263    
    264     jQuery("#ifweac_themebgcolor .ifweac_switch input[name='ifweac_themebgcolor']").prop('checked', true);
    265 
    266     jQuery("a").css("color", "blue");
    267     // jQuery('.iflair_sidebar_toggler').css("background-color",'#000');
    268     // jQuery('.iflair_sidebar_toggler').css("border",'1px solid #fff');
    269     var $ifweac_affectedcolors = jQuery(
    270       "p, h1, h2, h3, h4, h5, h6, div, li, span, div"
    271     );
    272     $ifweac_affectedcolors.each(function () {
    273       var $this = jQuery(this);
    274       $this.data("orig-size", $this.css("color", "#fff"));
    275     });
    276302  }
    277303}
    … …  
    281307//**************//
    282308jQuery("#ifweac_grayscalebtn_checkbox").click(function () {
    283   //e.preventDefault();
    284   if (jQuery("#ifweac_grayscalebtn").hasClass("ifweac_grayscale_class")) {
     309  var isChecked = jQuery(this).is(':checked');
     310  jQuery(this).attr('aria-checked', isChecked ? 'true' : 'false');
     311  if (isChecked) {
     312    jQuery("#ifweac_grayscalebtn").addClass("ifweac_grayscale_class");
     313    jQuery("#ifweac_grayscalebtn .ifweac_switch input[name='ifweac_grayscalebtn']").prop('checked', true);
     314    let imgs = document.getElementsByTagName("img");
     315    for (let i = 0; i < imgs.length; i++) {
     316      jQuery("img").each(function () {
     317        this.style.filter = "grayscale(100%)";
     318      });
     319    }
     320  } else {
    285321    jQuery("#ifweac_grayscalebtn").removeClass("ifweac_grayscale_class");
    286322    jQuery("#ifweac_grayscalebtn .ifweac_switch input[name='ifweac_grayscalebtn']").prop('checked', false);
    … …  
    291327      });
    292328    }
    293   } else {
    294     jQuery("#ifweac_grayscalebtn").addClass("ifweac_grayscale_class");
    295     jQuery("#ifweac_grayscalebtn .ifweac_switch input[name='ifweac_grayscalebtn']").prop('checked', true);
    296     let imgs = document.getElementsByTagName("img");
    297     for (let i = 0; i < imgs.length; i++) {
    298       jQuery("img").each(function () {
    299         this.style.filter = "grayscale(100%)";
    300       });
    301     }
    302329  }
    303330});
    … …  
    325352//**************//
    326353jQuery("#ifweac_image_maginifier_checkbox").click(function () {
    327   //e.preventDefault();
    328   if (jQuery("#ifweac_image_maginifier").hasClass("ifweac_image_maginifier_class")) {
    329     jQuery("#ifweac_image_maginifier").removeClass("ifweac_image_maginifier_class");
    330     jQuery("#ifweac_image_maginifier .ifweac_switch input[name='ifweac_maginifier']").prop('checked', false);
    331     jQuery(".ifweac_magnify").remove();
    332     jQuery("img").hover(function () {
    333       jQuery(this).css("cursor", "pointer");
    334     });
    335   } else {
     354  var isChecked = jQuery(this).is(':checked');
     355  jQuery(this).attr('aria-checked', isChecked ? 'true' : 'false');
     356  if (isChecked) {
    336357    jQuery("#ifweac_image_maginifier").addClass("ifweac_image_maginifier_class");
    337358    jQuery("#ifweac_image_maginifier .ifweac_switch input[name='ifweac_maginifier']").prop('checked', true);
    … …  
    414435    var ifweac_magnify = new ifweac_magnifier();
    415436    ifweac_magnify.magnifyImg("img", ifweac_magnification, ifweac_magnifierSize);
     437  } else {
     438    jQuery("#ifweac_image_maginifier").removeClass("ifweac_image_maginifier_class");
     439    jQuery("#ifweac_image_maginifier .ifweac_switch input[name='ifweac_maginifier']").prop('checked', false);
     440    jQuery(".ifweac_magnify").remove();
     441    jQuery("img").hover(function () {
     442      jQuery(this).css("cursor", "pointer");
     443    });
    416444  }
    417445});
    … …  
    420448//*******************************//
    421449jQuery("#ifweac_text_zoom_checkbox").click(function () {
     450  var isChecked = jQuery(this).is(':checked');
     451  jQuery(this).attr('aria-checked', isChecked ? 'true' : 'false');
    422452  var $ifweac_affectedElements = jQuery(
    423453    "p, a, h1, h2, h3, h4, h5, h6, li, div"
    424454  );
    425455
    426   if (jQuery("#ifweac_text_zoom").hasClass("ifweac_text_zoom_class")) {
     456  if (isChecked) {
     457    jQuery("#ifweac_text_zoom").addClass("ifweac_text_zoom_class");
     458    jQuery("#ifweac_text_zoom .ifweac_switch input[name='ifweac_textzoom']").prop('checked', true);
     459    $ifweac_affectedElements.not(".ifweac_sidebar_toggler.ifweac_right_bottom, .ifweac_sidebar_toggler.ifweac_right_bottom *, .ifweac_accessibility-menu-wrapper, .ifweac_accessibility-menu-wrapper *").each(function () {
     460      var ifweac_currentsize = parseFloat(jQuery(this).css("font-size"));
     461      var ifweac_newsize = ifweac_currentsize + 4;
     462      var ifweac_display = parseFloat(jQuery(this).css("display"));
     463      var ifweac_oldWidth = parseFloat(jQuery(this).css("width"));
     464      var ifweac_newWidth = ifweac_oldWidth * 1;
     465
     466      jQuery(this).hover(
     467        function () {
     468          //jQuery("body").css('cursor','url(./wp-content/plugins/iflair-wp-accessibility/assets/images/public/zoom_icon1.png), auto');
     469          jQuery(this).animate({ fontSize: ifweac_newsize, width: ifweac_newWidth, display: ifweac_display }, 200);
     470        },
     471        function () {
     472          jQuery(this).animate({ fontSize: ifweac_currentsize, width: ifweac_oldWidth, display: ifweac_display }, 200);
     473        }
     474      );
     475    });
     476  } else {
    427477    jQuery("#ifweac_text_zoom").removeClass("ifweac_text_zoom_class");
    428478    jQuery("#ifweac_text_zoom .ifweac_switch input[name='ifweac_textzoom']").prop('checked', false);
    … …  
    439489      );
    440490    });
    441   } else {
    442     jQuery("#ifweac_text_zoom").addClass("ifweac_text_zoom_class");
    443     jQuery("#ifweac_text_zoom .ifweac_switch input[name='ifweac_textzoom']").prop('checked', true);
    444     $ifweac_affectedElements.not(".ifweac_sidebar_toggler.ifweac_right_bottom, .ifweac_sidebar_toggler.ifweac_right_bottom *, .ifweac_accessibility-menu-wrapper, .ifweac_accessibility-menu-wrapper *").each(function () {
    445       var ifweac_currentsize = parseFloat(jQuery(this).css("font-size"));
    446       var ifweac_newsize = ifweac_currentsize + 4;
    447       var ifweac_display = parseFloat(jQuery(this).css("display"));
    448       var ifweac_oldWidth = parseFloat(jQuery(this).css("width"));
    449       var ifweac_newWidth = ifweac_oldWidth * 1;
    450 
    451       jQuery(this).hover(
    452         function () {
    453           //jQuery("body").css('cursor','url(./wp-content/plugins/iflair-wp-accessibility/assets/images/public/zoom_icon1.png), auto');
    454           jQuery(this).animate({ fontSize: ifweac_newsize, width: ifweac_newWidth, display: ifweac_display }, 200);
    455         },
    456         function () {
    457           jQuery(this).animate({ fontSize: ifweac_currentsize, width: ifweac_oldWidth, display: ifweac_display }, 200);
    458         }
    459       );
    460     });
    461491  }
    462492});
    … …  
    465495//**************************************//
    466496jQuery("#ifweac_highlight_titles_checkbox").click(function () {
    467   //e.preventDefault();
     497  var isChecked = jQuery(this).is(':checked');
     498  jQuery(this).attr('aria-checked', isChecked ? 'true' : 'false');
    468499  var ifweac_highlight_titles_border_color = jQuery("#ifweac_highlight_titles_border_color"
    469500  ).val();
    … …  
    471502    ifweac_highlight_titles_border_color = "#086db3"; // Set default value
    472503  }
    473   if (jQuery("#ifweac_highlight_titles").hasClass("ifweac_highlight_titles_class")) {
    474     jQuery("#ifweac_highlight_titles .ifweac_switch input[name='ifweac_highlighttitles']").prop('checked', false);
    475     ifweac_elems = jQuery("h1, h2, h3, h4, h5, h6").not(".ifweac_sidebar_content h1, .ifweac_sidebar_content h2, .ifweac_sidebar_content h3, .ifweac_sidebar_content h4, .ifweac_sidebar_content h5, .ifweac_sidebar_content h6");
    476     ifweac_elems.each(function () {
    477       jQuery(this).css("border", "");
    478       jQuery("#ifweac_highlight_titles").removeClass("ifweac_highlight_titles_class");
    479     });
    480   } else {
     504  if (isChecked) {
    481505    jQuery("#ifweac_highlight_titles .ifweac_switch input[name='ifweac_highlighttitles']").prop('checked', true);
    482506    ifweac_elems = jQuery("h1, h2, h3, h4, h5, h6").not(".ifweac_sidebar_content h1, .ifweac_sidebar_content h2, .ifweac_sidebar_content h3, .ifweac_sidebar_content h4, .ifweac_sidebar_content h5, .ifweac_sidebar_content h6");
    … …  
    485509      jQuery(this).css("border-color", ifweac_highlight_titles_border_color);
    486510      jQuery("#ifweac_highlight_titles").addClass("ifweac_highlight_titles_class");
     511    });
     512  } else {
     513    jQuery("#ifweac_highlight_titles .ifweac_switch input[name='ifweac_highlighttitles']").prop('checked', false);
     514    ifweac_elems = jQuery("h1, h2, h3, h4, h5, h6").not(".ifweac_sidebar_content h1, .ifweac_sidebar_content h2, .ifweac_sidebar_content h3, .ifweac_sidebar_content h4, .ifweac_sidebar_content h5, .ifweac_sidebar_content h6");
     515    ifweac_elems.each(function () {
     516      jQuery(this).css("border", "");
     517      jQuery("#ifweac_highlight_titles").removeClass("ifweac_highlight_titles_class");
    487518    });
    488519  }
    … …  
    513544//********************//
    514545jQuery("#ifweac_zoom_cursor_checkbox").click(function () {
    515   if (jQuery("#ifweac_zoom_cursor").hasClass("ifweac_zoom_cursor_class")) {
    516     jQuery("#ifweac_zoom_cursor").removeClass("ifweac_zoom_cursor_class");
    517     jQuery("#ifweac_zoom_cursor .ifweac_switch input[name='ifweac_zoomcursor']").prop('checked', false);
    518     jQuery("body").css("cursor", "");
    519   } else {
     546  var isChecked = jQuery(this).is(':checked');
     547  jQuery(this).attr('aria-checked', isChecked ? 'true' : 'false');
     548  if (isChecked) {
    520549    var ifweac_plugins_icon_url = jQuery('#ifweac_access_plugins_icon_url').val();
    521550    jQuery("#ifweac_zoom_cursor").addClass("ifweac_zoom_cursor_class");
    … …  
    525554      "url('" + ifweac_plugins_icon_url + "'), auto"
    526555    );
     556  } else {
     557    jQuery("#ifweac_zoom_cursor").removeClass("ifweac_zoom_cursor_class");
     558    jQuery("#ifweac_zoom_cursor .ifweac_switch input[name='ifweac_zoomcursor']").prop('checked', false);
     559    jQuery("body").css("cursor", "");
    527560  }
    528561});
    … …  
    532565//****************************//
    533566jQuery("#ifweac_disability_mode_checkbox").click(function () {
    534   //e.preventDefault();
     567  var isChecked = jQuery(this).is(':checked');
     568  jQuery(this).attr('aria-checked', isChecked ? 'true' : 'false');
    535569  var ifweac_disability_mode_color = jQuery("#ifweac_disability_mode_color").val();
    536570  if (!ifweac_disability_mode_color) {
    537571    ifweac_disability_mode_color = "#086db3"; // Set default value
    538572  }
    539   if (jQuery("#ifweac_disability_mode").hasClass("ifweac_disability_mode_class")) {
    540      jQuery("#ifweac_disability_mode .ifweac_switch input[name='ifweac_disability']").prop('checked', false);
    541     ifweac_elems = jQuery("h1, h2, h3, h4, h5, h6").not(".ifweac_sidebar_content h1, .ifweac_sidebar_content h2, .ifweac_sidebar_content h3, .ifweac_sidebar_content h4, .ifweac_sidebar_content h5, .ifweac_sidebar_content h6");
    542     ifweac_elems.each(function () {
    543       jQuery(this).css("border", "");
    544       jQuery(this).css("border-radius", "");
    545       jQuery(this).css("padding", "");
    546       jQuery("#ifweac_disability_mode").removeClass("ifweac_disability_mode_class");
    547     });
    548   } else {
     573  if (isChecked) {
    549574     jQuery("#ifweac_disability_mode .ifweac_switch input[name='ifweac_disability']").prop('checked', true);
    550575    ifweac_elems = jQuery("h1, h2, h3, h4, h5, h6").not(".ifweac_sidebar_content h1, .ifweac_sidebar_content h2, .ifweac_sidebar_content h3, .ifweac_sidebar_content h4, .ifweac_sidebar_content h5, .ifweac_sidebar_content h6");
    … …  
    555580      jQuery(this).css("padding", "5px");
    556581      jQuery("#ifweac_disability_mode").addClass("ifweac_disability_mode_class");
     582    });
     583  } else {
     584     jQuery("#ifweac_disability_mode .ifweac_switch input[name='ifweac_disability']").prop('checked', false);
     585    ifweac_elems = jQuery("h1, h2, h3, h4, h5, h6").not(".ifweac_sidebar_content h1, .ifweac_sidebar_content h2, .ifweac_sidebar_content h3, .ifweac_sidebar_content h4, .ifweac_sidebar_content h5, .ifweac_sidebar_content h6");
     586    ifweac_elems.each(function () {
     587      jQuery(this).css("border", "");
     588      jQuery(this).css("border-radius", "");
     589      jQuery(this).css("padding", "");
     590      jQuery("#ifweac_disability_mode").removeClass("ifweac_disability_mode_class");
    557591    });
    558592  }
    … …  
    576610
    577611  // remove underline links code
    578   if (jQuery("#ifweac_links_underline").hasClass("ifweac_underlinebtn")) {
     612  if (document.body.classList.contains("ifweac_underline")) {
    579613    document.body.classList.remove("ifweac_underline");
    580     jQuery("#ifweac_links_underline").removeClass("ifweac_underlinebtn");
    581614    jQuery("a").css("text-decoration", "");
    582615    jQuery("a").css("text-decoration-color", "");
    … …  
    584617
    585618  // remove highlighted links
    586   if (jQuery("#ifweac_highlight_links").hasClass("ifweac_highlight_linksbtn")) {
    587     jQuery("#ifweac_highlight_links").removeClass("ifweac_highlight_linksbtn");
    588     jQuery("a").each(function () {
    589       jQuery(".ifweac_highlight").css("background-color","");
    590       jQuery(this).removeClass("ifweac_highlight");     
    591     });
    592   }
     619  jQuery("a").each(function () {
     620    jQuery(".ifweac_highlight").css("background-color","");
     621    jQuery(this).removeClass("ifweac_highlight");     
     622  });
    593623
    594624  // Reset Background colors
    595   if (jQuery("#ifweac_themebgcolor").hasClass("ifweac_backColor")) {
    596     jQuery("#ifweac_themebgcolor").removeClass("ifweac_backColor");
    597     jQuery(".ifweac_sidebar_toggler_btn").css({
    598       "background-color": "",
    599       border: "",
    600     });
    601 
    602     var ifweac_dynamic_txt = jQuery("#ifweac_dynamic_theme_mode_txt").val();
    603     if (ifweac_dynamic_txt === "") {
    604       jQuery("#ifweac_themebgcolor").html("Theme Mode : Light"+'<label class="ifweac_switch"><input id="ifweac_themebgcolor_checkbox" type="checkbox" name="ifweac_themebgcolor" onclick="ifweac_changebackColor()"><span class="ifweac_slider ifweac_round"></span></label>');
    605     } else {
    606       jQuery("#ifweac_themebgcolor").html(ifweac_dynamic_txt + " : Light"+'<label class="ifweac_switch"><input id="ifweac_themebgcolor_checkbox" type="checkbox" name="ifweac_themebgcolor" onclick="ifweac_changebackColor()"><span class="ifweac_slider ifweac_round"></span></label>');
    607     }
    608 
    609     jQuery(".ifweac_sidebar_toggler").css("background-color", "");
    610     jQuery(".ifweac_sidebar_toggler").css("border", "");
    611     document.body.style.backgroundColor = "";
    612     jQuery("a").css("color", "");
    613     var $ifweac_affectedcolors = jQuery(
    614       "p, h1, h2, h3, h4, h5, h6, div, li, span, div"
     625  jQuery(".ifweac_sidebar_toggler_btn").css({
     626    "background-color": "",
     627    border: "",
     628  });
     629
     630  jQuery(".ifweac_sidebar_toggler").css("background-color", "");
     631  jQuery(".ifweac_sidebar_toggler").css("border", "");
     632  document.body.style.backgroundColor = "";
     633  jQuery("a").css("color", "");
     634  var $ifweac_affectedcolors = jQuery(
     635    "p, h1, h2, h3, h4, h5, h6, div, li, span, div"
     636  );
     637  $ifweac_affectedcolors.each(function () {
     638    var $this = jQuery(this);
     639    $this.css("color", "");
     640  });
     641
     642  // Reset Grayscale colors
     643  let ifweac_imgs = document.getElementsByTagName("img");
     644  for (let i = 0; i < ifweac_imgs.length; i++) {
     645    jQuery("img").each(function () {
     646      this.style.filter = "revert-layer";
     647    });
     648  }
     649
     650  // Reset fonts color
     651  jQuery("*").css("color", "");
     652  jQuery("#ifweac_select_font_color").val("");
     653
     654  // Reset image magnifier
     655  jQuery(".ifweac_magnify").remove();
     656  jQuery("img").hover(function () {
     657    jQuery(this).css("cursor", "pointer");
     658  });
     659
     660  // Reset highlight titles
     661  ifweac_elems = jQuery("h1, h2, h3, h4, h5, h6");
     662  ifweac_elems.each(function () {
     663    jQuery(this).css("border", "");
     664  });
     665
     666  // Reset highlighted title color
     667  ifweac_elems = jQuery("h1, h2, h3, h4, h5, h6");
     668  ifweac_elems.each(function () {
     669    jQuery(this).css("color", "");
     670    jQuery("#ifweac_highlighted_title_color").val("");
     671  });
     672
     673  // Reset zoom cursor
     674  jQuery("body").css("cursor", "");
     675
     676  // Reset Disability Mode
     677  ifweac_elems = jQuery("h1, h2, h3, h4, h5, h6, a");
     678  ifweac_elems.each(function () {
     679    jQuery(this).css("border", "");
     680    jQuery(this).css("border-radius", "");
     681    jQuery(this).css("padding", "");
     682  });
     683
     684  // Reset Text zoom magnifier
     685  jQuery("#ifweac_text_zoom").css({
     686    display: "",
     687    "font-size": "",
     688    width: "",
     689  });
     690  jQuery("*").css("display", "");
     691  var $ifweac_affectedElements = jQuery(
     692    "p, a, h1, h2, h3, h4, h5, h6, li, div"
     693  );
     694  $ifweac_affectedElements.each(function () {
     695    jQuery(this).hover(
     696      function () {
     697        jQuery("body").css("cursor", "");
     698        jQuery(this).stop();
     699      },
     700      function () {
     701        jQuery(this).stop();
     702      }
    615703    );
    616     $ifweac_affectedcolors.each(function () {
    617       var $this = jQuery(this);
    618       $this.data("orig-size", $this.css("color", ""));
    619     });
    620   }
    621 
    622   // Reset Grayscale colors
    623   if (jQuery("#ifweac_grayscalebtn").hasClass("ifweac_grayscale_class")) {
    624     jQuery("#ifweac_grayscalebtn").removeClass("ifweac_grayscale_class");
    625     let ifweac_imgs = document.getElementsByTagName("img");
    626     for (let i = 0; i < ifweac_imgs.length; i++) {
    627       jQuery("img").each(function () {
    628         this.style.filter = "revert-layer";
    629       });
    630     }
    631   }
    632 
    633   // Reset fonts color
    634   if (jQuery("#ifweac_select_font_color").hasClass("ifweac_font_color_class")) {
    635     jQuery("#ifweac_select_font_color").removeClass("ifweac_font_color_class");
    636     jQuery("#ifweac_select_font_color")
    637       .prev()
    638       .removeClass("ifweac_font_color_span_class");
    639     jQuery("*").css("color", "");
    640     jQuery("#ifweac_select_font_color").val("");
    641   }
    642 
    643   // Reset image magnifier
    644   if (jQuery("#ifweac_image_maginifier").hasClass("ifweac_image_maginifier_class")) {
    645     jQuery("#ifweac_image_maginifier").removeClass("ifweac_image_maginifier_class");
    646     jQuery("#ifweac_image_maginifier .ifweac_switch input[name='ifweac_maginifier']").prop('checked', false);
    647     jQuery(".ifweac_magnify").remove();
    648     jQuery("img").hover(function () {
    649       jQuery(this).css("cursor", "pointer");
    650     });
    651   }
    652 
    653   // Reset highlight titles
    654   if (jQuery("#ifweac_highlight_titles").hasClass("ifweac_highlight_titles_class")) {
    655     ifweac_elems = jQuery("h1, h2, h3, h4, h5, h6");
    656     ifweac_elems.each(function () {
    657       jQuery(this).css("border", "");
    658       jQuery("#ifweac_highlight_titles").removeClass("ifweac_highlight_titles_class");
    659     });
    660   }
    661 
    662   // Reset highlighted title color
    663   if (
    664     jQuery("#ifweac_highlighted_title_color").hasClass(
    665       "ifweac_highlighted_title_color_class"
    666     )
    667   ) {
    668     ifweac_elems = jQuery("h1, h2, h3, h4, h5, h6");
    669     ifweac_elems.each(function () {
    670       jQuery(this).css("color", "");
    671       jQuery("#ifweac_highlighted_title_color").removeClass(
    672         "ifweac_highlighted_title_color_class"
    673       );
    674       jQuery("#ifweac_highlighted_title_color")
    675         .prev()
    676         .removeClass("ifweac_highlighted_title_color_span_class");
    677       jQuery("#ifweac_highlighted_title_color").val("");
    678     });
    679   }
    680 
    681   // Reset zoom cursor
    682   if (jQuery("#ifweac_zoom_cursor").hasClass("ifweac_zoom_cursor_class")) {
    683     jQuery("body").css("cursor", "");
    684     jQuery("#ifweac_zoom_cursor").removeClass("ifweac_zoom_cursor_class");
    685   }
    686 
    687   // Reset Disability Mode
    688   if (jQuery("#ifweac_disability_mode").hasClass("ifweac_disability_mode_class")) {
    689     ifweac_elems = jQuery("h1, h2, h3, h4, h5, h6, a");
    690     ifweac_elems.each(function () {
    691       jQuery(this).css("border", "");
    692       jQuery(this).css("border-radius", "");
    693       jQuery(this).css("padding", "");
    694       jQuery("#ifweac_disability_mode").removeClass("ifweac_disability_mode_class");
    695     });
    696   }
    697 
    698   // Reset Text zoom magnifier
    699   if (jQuery("#ifweac_text_zoom").hasClass("ifweac_text_zoom_class")) {
    700     jQuery("#ifweac_text_zoom").removeClass("ifweac_text_zoom_class");
    701     jQuery("#ifweac_text_zoom").css({
    702       display: "",
    703       "font-size": "",
    704       width: "",
    705     });
    706     jQuery("*").css("display", "");
    707     var $ifweac_affectedElements = jQuery(
    708       "p, a, h1, h2, h3, h4, h5, h6, li, div"
    709     );
    710     $ifweac_affectedElements.each(function () {
    711       jQuery(this).hover(
    712         function () {
    713           jQuery("body").css("cursor", "");
    714           jQuery(this).stop();
    715         },
    716         function () {
    717           jQuery(this).stop();
    718         }
    719       );
    720     });
    721   }
     704  });
    722705}
     706
     707// Add keyboard accessibility for reset button
     708jQuery("#ifweac_resetbtn").keydown(function(e) {
     709  if (e.keyCode === 13 || e.keyCode === 32) { // Enter or Space
     710    e.preventDefault();
     711    ifweac_resetbtn();
     712  }
     713});
    723714
    724715//***********************//

  • site-accessibility/trunk/readme.txt

    r3224088 r3433474  
    1 === WPPro Accessibility ===
     1=== SiteEase Accessibility ===
    22Contributors: iflairwebtechnologies
    33Donate link: https://www.iflair.com/
    4 Tags: accessibility, disability, fonts, colors, images
     4Tags: accessibility, usability, font size, color contrast, visual aids
    55Requires at least: 4.7
    6 Tested up to: 6.6.1
    7 Stable tag: 1.1.2
     6Tested up to: 6.9
     7Stable tag: 1.1.3
    88Requires PHP: 5.6
    99License: GPLv2 or later
    1010License URI: https://www.gnu.org/licenses/gpl-2.0.html
    1111
    12 WPPro Accessibility plugin is particularly beneficial for individuals with visual impairments, as it enables them to adjust font sizes and colors to enhance readability. Additionally, it assists users with eye disabilities by providing options to customize font styles and colors for better visibility and comfort.
     12SiteEase Accessibility provides visual and usability enhancements that help users adjust how website content is displayed, improving readability and ease of use.
    1313
    1414== Description ==
    15 Ensuring website accessibility for all, regardless of abilities or disabilities, is crucial for inclusivity and expanding online reach. The WPPro Accessibility Plugin enables business owners to enhance website browsing for everyone, regardless of the challenges they face. Integrated with WordPress, this WordPress accessibility plugin significantly improves site usability and accessibility, ensuring a welcoming and empowering online experience for all users.
    1615
    17 With features like customizable font sizes, color schemes, and enhanced navigation options, this plugin boosts an inclusive online environment where everyone can engage with content comfortably and confidently.
     16**SiteEase Accessibility** is a WordPress plugin that adds a set of front-end accessibility and usability tools, allowing visitors to adjust how content appears on your website based on their individual needs.
    1817
    19 *Below are the core features of the WPPro Accessibility Plugin for your WordPress website:*
     18The plugin focuses on **visual accessibility and user comfort**, offering controls such as font size adjustment, color customization, link highlighting, image and text magnifiers, and cursor enhancements. These features help users with visual strain, low vision, or readability preferences interact with website content more comfortably.
    2019
    21 **1) Font size**
    22 With a simple click, adjust text size to accommodate various reading preferences and visual impairments, ensuring content accessibility for all users.
     20All features can be enabled, disabled, and configured from a dedicated **admin settings page**, making the plugin easy to set up without any coding knowledge.
    2321
    24 **2) Select Font Color**
    25 Personalize text color to improve readability and cater to individual user preferences, whether it's for enhanced visibility or aesthetic appeal.
     22> Note: This plugin provides accessibility enhancements but does not claim full WCAG compliance.
    2623
    27 **3) Links Underline**
    28 Enhance the visibility of links by adding underlines, facilitating easier navigation for users with visual impairments or those relying on screen readers.
     24### Features
    2925
    30 **4) Highlight Links**
    31 Make interactive elements pop by highlighting links with distinct colors, aiding users in quickly identifying clickable areas and enhancing overall usability.
     26**Font Size Adjustment** 
     27Allows users to increase or decrease text size to improve readability.
    3228
    33 **5) Theme Mode: Light**
    34 Offers users the flexibility to switch between light and dark themes, providing optimal readability in different lighting conditions and reducing eye strain.
     29**Text Color Customization** 
     30Users can change font colors to improve contrast and visibility.
    3531
    36 **6) Grayscale Images**
    37 Simplify visuals by converting images to grayscale, minimizing distractions for users with cognitive or sensory processing difficulties.
     32**Underline Links** 
     33Adds underlines to links to make them easier to identify.
    3834
    39 **7) Image Magnifier**
    40 Enables users to zoom in on images for a closer look at details, empowering them to explore visual content at their preferred level of magnification.
     35**Highlight Links** 
     36Visually highlights clickable links to improve navigation clarity.
    4137
    42 **8) Text Magnifier**
    43 Enhances readability by allowing users to zoom in on specific parts of text, catering to individuals with visual impairments or those accessing content on smaller screens.
     38**Light Theme Mode** 
     39Provides a light display mode option for improved readability in different environments.
    4440
    45 **9) Disability Mode**
    46 Improve the visibility of essential elements such as headings and hyperlinks by adding distinct borders, providing additional visual cues for users who require them.
     41**Grayscale Images** 
     42Displays images in grayscale to reduce visual distractions.
    4743
    48 **10) Cursor Zoom**
    49 Enhance cursor visibility and usability by enlarging the mouse cursor, particularly beneficial for users with motor impairments or precision challenges.
     44**Image Magnifier** 
     45Allows users to zoom into images for better visibility.
    5046
    51 **11) Highlight Titles**
    52 Draw attention to key sections of your website by adding borders around headings, aiding navigation and content comprehension for users.
     47**Text Magnifier** 
     48Enables magnification of specific text areas for easier reading.
    5349
    54 **12) Select Page Titles Color**
    55 Customize the colors of page titles to improve readability and align with your website's design aesthetic, ensuring essential information stands out effectively.
     50**Disability Mode** 
     51Adds visual emphasis to important elements such as headings and links.
    5652
    57 **13) Reset All Button**
    58 If you want to go back to the original settings, you can easily reset everything with the click of a button.
     53**Cursor Zoom** 
     54Increases cursor size to improve visibility and pointer accuracy.
    5955
    60 Each of these features is customizable through the plugin's admin settings, offering businesses a user-friendly solution to enhance website accessibility without unnecessary complexity.
     56**Highlight Headings** 
     57Adds borders around headings to help users quickly identify content sections.
     58
     59**Page Title Color Control** 
     60Allows customization of page title colors for better contrast.
     61
     62**Reset Settings Button** 
     63Users can reset all accessibility settings back to default at any time.
    6164
    6265== Installation ==
    6366
    64 1. Visit Plugins > Add New
    65 2. Search for "WPPro Accessibility"
    66 3. Install and Activate WPPro Accessibility from your plugins page
    67 4. Follow setup steps on WPPro Accessibility Settings page
     671. Go to **Plugins > Add New** in your WordPress admin panel.
     682. Search for **SiteEase Accessibility**.
     693. Install and activate the plugin.
     704. Navigate to **Settings > SiteEase Accessibility**.
     715. Configure the available accessibility options as needed.
     726. Visit the front-end of your site to see the accessibility controls in action.
    6873
    6974== Frequently Asked Questions ==
    7075
    71 = What is the WPPro Accessibility Plugin and why is it important? =
    72 The WPPro Accessibility Plugin enhances website accessibility for all users, regardless of disabilities, by offering customizable features.
     76= What does SiteEase Accessibility do? =
     77It adds front-end tools that allow visitors to adjust font size, colors, cursor visibility, image display, and other visual elements to improve readability and usability.
    7378
    74 = What are the key features offered by the WPPro Accessibility Plugin? =
    75 Features include font adjustments, link enhancements, theme mode options, magnifiers, disability mode, cursor zoom, and more.
     79= Does this plugin make my site fully WCAG compliant? =
     80No. The plugin provides accessibility enhancements but does not guarantee full WCAG compliance.
    7681
    77 = How does the WPPro Accessibility Plugin benefit website owners using WordPress? =
    78 It seamlessly integrates into WordPress sites, providing an easy solution to enhance accessibility without complex coding.
     82= Is any coding knowledge required? =
     83No. All options are configurable through the admin settings page.
    7984
    80 = Can the WPPro Accessibility Plugin be easily customized and managed? =
    81 Yes, all customization options are managed through admin settings, offering easy adjustment and a "Reset All" button for reverting changes.
    82 
     85= Does it work with all themes? =
     86The plugin is designed to work with most modern WordPress themes. Appearance may vary slightly depending on theme styles.
    8387
    8488== Screenshots ==
    8589
    86 1. Frontend :: Sidebar accessibility button
    87 2. Frontend :: Sidebar accessibility banner
    88 3. Backend :: Default settings page
    89 4. Backend :: Advance settings page
     901. Front-end accessibility sidebar button 
     912. Front-end accessibility control panel 
     923. Admin settings – general options 
     934. Admin settings – advanced options 
    9094
    91 == Change Log ==
    92 = Version 1.0.0 =
    93 * Plugin release and submit to wordPress.org
     95== Changelog ==
    9496
    95 = Version 1.1.0 =
    96 * We have fix minor bugs and also improve plugin accessibility and features.
     97= 1.1.2 =
     98* Improved HTML structure and markup handling.
    9799
    98 = Version 1.1.1 =
    99 * We have improve User interface & we have made our plugin more compatible with different theme.
     100= 1.1.1 =
     101* UI improvements and better theme compatibility.
    100102
    101 = Version 1.1.2 =
    102 * We have change html tags for html content.
     103= 1.1.0 =
     104* Minor bug fixes and accessibility improvements.
     105
     106= 1.0.0 =
     107* Initial release.

  • site-accessibility/trunk/templates/admin/default_page_fields.php

    r3054976 r3433474  
    1414        ?>
    1515        <tr valign="top">           
    16             <th scope="row"><?php echo esc_html__('Enable Plugin?', 'ifweac-accessibility');?></th>
     16            <th scope="row"><?php echo esc_html__('Enable Plugin?', 'site-accessibility');?></th>
    1717            <td>               
    1818                <label class="ifweac_switch">
    19                   <input type="checkbox" id="ifweac_enable_accessibility_plugin" name="ifweac_enable_accessibility_plugin" value="yes" <?php if($ifweac_enable_accessibility == 'yes') echo esc_html__("checked=checked",'ifweac-accessibility'); ?>>
     19                  <input type="checkbox" id="ifweac_enable_accessibility_plugin" name="ifweac_enable_accessibility_plugin" value="yes" <?php if($ifweac_enable_accessibility == 'yes') echo esc_html__("checked=checked",'site-accessibility'); ?>>
    2020                  <span class="ifweac_slider ifweac_round"></span>
    2121                </label>               
    … …  
    2626        ?>
    2727        <tr valign="top">           
    28             <th scope="row"><?php echo esc_html__('Enable Button Text?', 'ifweac-accessibility');?></th>
     28            <th scope="row"><?php echo esc_html__('Enable Button Text?', 'site-accessibility');?></th>
    2929            <td>               
    3030                <label class="ifweac_switch">
    31                   <input type="checkbox" id="ifweac_enable_btn_txt" name="ifweac_enable_btn_txt" value="yes" <?php if($ifweac_enable_btn_txt == 'yes') echo esc_html__("checked=checked",'ifweac-accessibility'); ?>>
     31                  <input type="checkbox" id="ifweac_enable_btn_txt" name="ifweac_enable_btn_txt" value="yes" <?php if($ifweac_enable_btn_txt == 'yes') echo esc_html__("checked=checked",'site-accessibility'); ?>>
    3232                  <span class="ifweac_slider ifweac_round"></span>
    3333                </label>               
    … …  
    3939        ?>
    4040        <tr valign="top" class="ifweac_sidebar_title">
    41             <th scope="row"><?php echo esc_html__('Plugin Sidebar Text :', 'ifweac-accessibility');?></th>
     41            <th scope="row"><?php echo esc_html__('Plugin Sidebar Text :', 'site-accessibility');?></th>
    4242            <td>
    4343                <input type="text" placeholder="Accessibility" name="ifweac_sidebar_title" id="ifweac_sidebar_title" value="<?php if(isset($ifweac_sidebar_title) && !empty($ifweac_sidebar_title)) { echo esc_html($ifweac_sidebar_title); } ?>">
    … …  
    5050        ?>
    5151        <tr valign="top">           
    52             <th scope="row"><?php echo esc_html__('Enable Sidebar Button Image?', 'ifweac-accessibility');?></th>
     52            <th scope="row"><?php echo esc_html__('Enable Sidebar Button Image?', 'site-accessibility');?></th>
    5353            <td>               
    5454                <label class="ifweac_switch">
    55                   <input type="checkbox" id="ifweac_enable_btn_image" name="ifweac_enable_btn_image" value="yes" <?php if($ifweac_enable_btn_image == 'yes') echo esc_html__("checked=checked",'ifweac-accessibility'); ?>>
     55                  <input type="checkbox" id="ifweac_enable_btn_image" name="ifweac_enable_btn_image" value="yes" <?php if($ifweac_enable_btn_image == 'yes') echo esc_html__("checked=checked",'site-accessibility'); ?>>
    5656                  <span class="ifweac_slider ifweac_round"></span>
    5757                </label>               
    … …  
    8181        <?php $ifweac_select_sidebar_icon_color = get_option('ifweac_select_sidebar_icon_color');?>
    8282        <tr valign="top" class="ifweac_selects_sidebar_icon_color">
    83             <th scope="row"><?php echo esc_html__('Select Sidebar Icon color', 'ifweac-accessibility');?></th>
     83            <th scope="row"><?php echo esc_html__('Select Sidebar Icon color', 'site-accessibility');?></th>
    8484            <td>
    8585                <input class="ifweac_select_sidebar_icon_color" name="ifweac_select_sidebar_icon_color" type="text" value="<?php if(isset($ifweac_select_sidebar_icon_color) && !empty($ifweac_select_sidebar_icon_color)) { echo esc_attr($ifweac_select_sidebar_icon_color);} else { ?>#086db3<?php } ?>" data-default-color="#fff" />         
    … …  
    9090        ?>
    9191        <tr valign="top" class="ifweac_accessibility_title">
    92             <th scope="row"><?php echo esc_html__('Plugin Title Text :', 'ifweac-accessibility');?></th>
     92            <th scope="row"><?php echo esc_html__('Plugin Title Text :', 'site-accessibility');?></th>
    9393            <td>
    9494                <input type="text" placeholder="iFlair Accessibility" name="ifweac_title" id="ifweac_title" value="<?php if(isset($ifweac_title) && !empty($ifweac_title)) { echo esc_attr($ifweac_title); } ?>">
    … …  
    101101        ?>
    102102        <tr valign="top">
    103             <th scope="row"><?php echo esc_html__('Where do you want to show?', 'ifweac-accessibility');?></th>
     103            <th scope="row"><?php echo esc_html__('Where do you want to show?', 'site-accessibility');?></th>
    104104            <td>
    105105                <div class="ifweac_pos-main">
    106106                    <div class="ifweac_pos-inner">
    107                         <input type="radio" id="ifweac_pos_top_left" name="ifweac_enable_position" value="Top Left" <?php if(!empty($ifweac_enable_position && $ifweac_enable_position == 'Top Left')) echo esc_html__("checked=checked",'ifweac-accessibility'); ?><?php if(empty($ifweac_enable_position)) echo esc_html__("checked=checked",'ifweac-accessibility');?> />
    108                         <label for="ifweac_pos_top_left"><?php echo esc_html__('Top Left', 'ifweac-accessibility');?></label>
     107                        <input type="radio" id="ifweac_pos_top_left" name="ifweac_enable_position" value="Top Left" <?php if(!empty($ifweac_enable_position && $ifweac_enable_position == 'Top Left')) echo esc_html__("checked=checked",'site-accessibility'); ?><?php if(empty($ifweac_enable_position)) echo esc_html__("checked=checked",'site-accessibility');?> />
     108                        <label for="ifweac_pos_top_left"><?php echo esc_html__('Top Left', 'site-accessibility');?></label>
    109109                    </div>
    110110                    <div class="ifweac_pos-inner">
    111                         <input type="radio" id="ifweac_pos_bottom_left" name="ifweac_enable_position" value="Bottom Left" <?php if(!empty($ifweac_enable_position && $ifweac_enable_position == 'Bottom Left')) echo esc_html__("checked=checked",'ifweac-accessibility');?> />
    112                         <label for="ifweac_pos_bottom_left"><?php echo esc_html__('Bottom Left', 'ifweac-accessibility');?></label>
     111                        <input type="radio" id="ifweac_pos_bottom_left" name="ifweac_enable_position" value="Bottom Left" <?php if(!empty($ifweac_enable_position && $ifweac_enable_position == 'Bottom Left')) echo esc_html__("checked=checked",'site-accessibility');?> />
     112                        <label for="ifweac_pos_bottom_left"><?php echo esc_html__('Bottom Left', 'site-accessibility');?></label>
    113113                    </div>
    114114                    <div class="ifweac_pos-inner">
    115                         <input type="radio" id="ifweac_pos_top_right" name="ifweac_enable_position" value="Top Right" <?php if(!empty($ifweac_enable_position && $ifweac_enable_position == 'Top Right')) echo esc_html__("checked=checked",'ifweac-accessibility'); ?> />
    116                         <label for="ifweac_pos_top_right"><?php echo esc_html__('Top Right', 'ifweac-accessibility');?></label>
     115                        <input type="radio" id="ifweac_pos_top_right" name="ifweac_enable_position" value="Top Right" <?php if(!empty($ifweac_enable_position && $ifweac_enable_position == 'Top Right')) echo esc_html__("checked=checked",'site-accessibility'); ?> />
     116                        <label for="ifweac_pos_top_right"><?php echo esc_html__('Top Right', 'site-accessibility');?></label>
    117117                    </div>
    118118                    <div class="ifweac_pos-inner">
    119                         <input type="radio" id="ifweac_pos_bottom_right" name="ifweac_enable_position" value="Bottom Right"<?php if(!empty($ifweac_enable_position && $ifweac_enable_position == 'Bottom Right')) echo esc_html__("checked=checked",'ifweac-accessibility'); ?> />
    120                         <label for="ifweac_pos_bottom_right"><?php echo esc_html__('Bottom Right', 'ifweac-accessibility');?></label>
     119                        <input type="radio" id="ifweac_pos_bottom_right" name="ifweac_enable_position" value="Bottom Right"<?php if(!empty($ifweac_enable_position && $ifweac_enable_position == 'Bottom Right')) echo esc_html__("checked=checked",'site-accessibility'); ?> />
     120                        <label for="ifweac_pos_bottom_right"><?php echo esc_html__('Bottom Right', 'site-accessibility');?></label>
    121121                    </div>
    122122                </div>

  • site-accessibility/trunk/templates/admin/settings_page_fields.php

    r3056790 r3433474  
    55<!-- Start settings page form -->
    66<form method="post" action="options.php">
    7     <?php settings_fields( 'ifweac-accessibility-plugin-settings-group' ); ?>
    8     <?php do_settings_sections( 'ifweac-accessibility-plugin-settings-group' ); ?>
     7    <?php settings_fields( 'site-accessibility-plugin-settings-group' ); ?>
     8    <?php do_settings_sections( 'site-accessibility-plugin-settings-group' ); ?>
    99    <!-- Start admin ui options tabs code -->
    1010    <div id="ifweac_tabs">
    1111        <ul>
    12             <li><a href="#ifweac_fonts"><?php echo esc_html__('Fonts Management', 'ifweac-accessibility');?></a></li>
    13             <li><a href="#ifweac_underline_links"><?php echo esc_html__('Links Underline', 'ifweac-accessibility');?></a></li>
    14             <li><a href="#ifweac_highlighted_links"><?php echo esc_html__('Links Highlight', 'ifweac-accessibility');?></a></li>
    15             <li><a href="#ifweac_theme_mode"><?php echo esc_html__('Theme Mode', 'ifweac-accessibility');?></a></li>
    16             <li><a href="#ifweac_grayscale"><?php echo esc_html__('Grayscale Images', 'ifweac-accessibility');?></a></li>
    17             <li><a href="#ifweac_image_magnifier"><?php echo esc_html__('Image Magnifier', 'ifweac-accessibility');?></a></li>
    18             <li><a href="#ifweac_text_magnifier"><?php echo esc_html__('Text Magnifier', 'ifweac-accessibility');?></a></li>
    19             <li><a href="#ifweac_disability"><?php echo esc_html__('Disability Mode', 'ifweac-accessibility');?></a></li>
    20             <li><a href="#ifweac_cursor_zoom"><?php echo esc_html__('Cursor Zoom', 'ifweac-accessibility');?></a></li>
    21             <li><a href="#ifweac_highlighted_titles"><?php echo esc_html__('Page Titles Highlight', 'ifweac-accessibility');?></a></li>
    22             <li><a href="#ifweac_titles_colors"><?php echo esc_html__('Page Titles Color', 'ifweac-accessibility');?></a></li> 
    23             <li><a href="#ifweac_reset_btn"><?php echo esc_html__('Reset Button', 'ifweac-accessibility');?></a></li>
     12            <li><a href="#ifweac_fonts"><?php echo esc_html__('Fonts Management', 'site-accessibility');?></a></li>
     13            <li><a href="#ifweac_underline_links"><?php echo esc_html__('Links Underline', 'site-accessibility');?></a></li>
     14            <li><a href="#ifweac_highlighted_links"><?php echo esc_html__('Links Highlight', 'site-accessibility');?></a></li>
     15            <li><a href="#ifweac_theme_mode"><?php echo esc_html__('Theme Mode', 'site-accessibility');?></a></li>
     16            <li><a href="#ifweac_grayscale"><?php echo esc_html__('Grayscale Images', 'site-accessibility');?></a></li>
     17            <li><a href="#ifweac_image_magnifier"><?php echo esc_html__('Image Magnifier', 'site-accessibility');?></a></li>
     18            <li><a href="#ifweac_text_magnifier"><?php echo esc_html__('Text Magnifier', 'site-accessibility');?></a></li>
     19            <li><a href="#ifweac_disability"><?php echo esc_html__('Disability Mode', 'site-accessibility');?></a></li>
     20            <li><a href="#ifweac_cursor_zoom"><?php echo esc_html__('Cursor Zoom', 'site-accessibility');?></a></li>
     21            <li><a href="#ifweac_highlighted_titles"><?php echo esc_html__('Page Titles Highlight', 'site-accessibility');?></a></li>
     22            <li><a href="#ifweac_titles_colors"><?php echo esc_html__('Page Titles Color', 'site-accessibility');?></a></li> 
     23            <li><a href="#ifweac_reset_btn"><?php echo esc_html__('Reset Button', 'site-accessibility');?></a></li>
    2424        </ul>
    2525        <!-- Start code for fonts -->
    … …  
    3232                ?>             
    3333                <tr valign="top">
    34                     <th scope="row"><?php echo esc_html__('Enable Font Size Option?', 'ifweac-accessibility');?></th>
    35                     <td>
    36                         <label class="ifweac_switch">
    37                         <input type="checkbox" id="ifweac_enable_font_size" name="ifweac_enable_font_size" value="yes" <?php if(isset($ifweac_enable_font_size) && $ifweac_enable_font_size == 'yes') echo esc_html__("checked=checked",'ifweac-accessibility'); ?>>
     34                    <th scope="row"><?php echo esc_html__('Enable Font Size Option?', 'site-accessibility');?></th>
     35                    <td>
     36                        <label class="ifweac_switch">
     37                        <input type="checkbox" id="ifweac_enable_font_size" name="ifweac_enable_font_size" value="yes" <?php if(isset($ifweac_enable_font_size) && $ifweac_enable_font_size == 'yes') echo esc_html__("checked=checked",'site-accessibility'); ?>>
    3838                        <span class="ifweac_slider ifweac_round"></span>
    3939                        </label>               
    … …  
    4545                ?>
    4646                <tr valign="top" class="ifweac_font_size_title">
    47                     <th scope="row"><?php echo esc_html__('Font Display Text', 'ifweac-accessibility');?></th>
     47                    <th scope="row"><?php echo esc_html__('Font Display Text', 'site-accessibility');?></th>
    4848                    <td>
    4949                        <input type="text" name="ifweac_font_size_title" id="ifweac_font_size_title" placeholder="Font Size[100%]" value="<?php if(isset($ifweac_font_size_title) && !empty($ifweac_font_size_title)) { echo esc_attr($ifweac_font_size_title); } ?>">
    … …  
    5555                ?>
    5656                <tr valign="top" class="ifweac_add_maximum_font_size">
    57                     <th scope="row"><?php echo esc_html__('Maximum Font Size', 'ifweac-accessibility');?><span class="ifweac_ctooltip"><sup>[?]</sup><label class="ifweac_tooltip-content"><?php echo esc_html__('User can increase fonts as many times as shown here', 'ifweac-accessibility');?></label></span></th>
     57                    <th scope="row"><?php echo esc_html__('Maximum Font Size', 'site-accessibility');?><span class="ifweac_ctooltip"><sup>[?]</sup><label class="ifweac_tooltip-content"><?php echo esc_html__('User can increase fonts as many times as shown here', 'site-accessibility');?></label></span></th>
    5858                    <td>
    5959                        <input type="number" name="ifweac_add_maximum_font_size" id="ifweac_add_maximum_font_size" placeholder="0" min="0" value="<?php if(isset($ifweac_add_maximum_font_size) && !empty($ifweac_add_maximum_font_size)) { echo esc_attr($ifweac_add_maximum_font_size); } ?>">
    … …  
    6565                ?>
    6666                <tr valign="top" class="ifweac_add_minimum_font_size">
    67                     <th scope="row"><?php echo esc_html__('Minimum Font Size', 'ifweac-accessibility');?><span class="ifweac_ctooltip"><sup>[?]</sup><label class="ifweac_tooltip-content"><?php echo esc_html__('User can decrease fonts as many times as shown here', 'ifweac-accessibility');?></label></span></th>
     67                    <th scope="row"><?php echo esc_html__('Minimum Font Size', 'site-accessibility');?><span class="ifweac_ctooltip"><sup>[?]</sup><label class="ifweac_tooltip-content"><?php echo esc_html__('User can decrease fonts as many times as shown here', 'site-accessibility');?></label></span></th>
    6868                    <td>
    6969                        <input type="number" name="ifweac_add_minimum_font_size" id="ifweac_add_minimum_font_size" placeholder="0" min="0" value="<?php if(isset($ifweac_add_minimum_font_size) && !empty($ifweac_add_minimum_font_size)) { echo esc_attr($ifweac_add_minimum_font_size); } ?>">
    … …  
    7575                ?>
    7676                <tr valign="top" class="ifweac_max_min_font_size_val">
    77                     <th scope="row"><?php echo esc_html__('Increase - Decrease Font Size', 'ifweac-accessibility');?><span class="ifweac_ctooltip"><sup>[?]</sup><label class="ifweac_tooltip-content"><?php echo esc_html__('User can increase-decrease font as number of times on single click as shown here', 'ifweac-accessibility');?></label></span></th>
     77                    <th scope="row"><?php echo esc_html__('Increase - Decrease Font Size', 'site-accessibility');?><span class="ifweac_ctooltip"><sup>[?]</sup><label class="ifweac_tooltip-content"><?php echo esc_html__('User can increase-decrease font as number of times on single click as shown here', 'site-accessibility');?></label></span></th>
    7878                    <td>
    7979                        <input type="number" name="ifweac_max_min_font_size_val" id="ifweac_max_min_font_size_val" placeholder="0" min="0" value="<?php if(isset($ifweac_max_min_font_size_val) && !empty($ifweac_max_min_font_size_val)) { echo esc_html($ifweac_max_min_font_size_val); } ?>">
    … …  
    8585                ?>
    8686                <tr valign="top">
    87                     <th scope="row"><?php echo esc_html__('Enable Font Color Selection?', 'ifweac-accessibility');?><span class="ifweac_ctooltip"><sup>[?]</sup><label class="ifweac_tooltip-content"><?php echo esc_html__('User can select fonts color through color picker for page', 'ifweac-accessibility');?></label></span></th>
    88                     <td>
    89                         <label class="ifweac_switch">
    90                             <input type="checkbox" id="ifweac_enable_font_color_selection" name="ifweac_enable_font_color_selection" value="yes" <?php if(isset($ifweac_enable_font_color_selection) && $ifweac_enable_font_color_selection == 'yes') echo esc_html__("checked=checked",'ifweac-accessibility'); ?> >
     87                    <th scope="row"><?php echo esc_html__('Enable Font Color Selection?', 'site-accessibility');?><span class="ifweac_ctooltip"><sup>[?]</sup><label class="ifweac_tooltip-content"><?php echo esc_html__('User can select fonts color through color picker for page', 'site-accessibility');?></label></span></th>
     88                    <td>
     89                        <label class="ifweac_switch">
     90                            <input type="checkbox" id="ifweac_enable_font_color_selection" name="ifweac_enable_font_color_selection" value="yes" <?php if(isset($ifweac_enable_font_color_selection) && $ifweac_enable_font_color_selection == 'yes') echo esc_html__("checked=checked",'site-accessibility'); ?> >
    9191                            <span class="ifweac_slider ifweac_round"></span>
    9292                        </label>   
    … …  
    105105                ?>
    106106                <tr valign="top">
    107                     <th scope="row"><?php echo esc_html__('Enable Links Underline?', 'ifweac-accessibility');?></th>
    108                     <td>
    109                         <label class="ifweac_switch">
    110                             <input type="checkbox" id="ifweac_enable_links_underline" name="ifweac_enable_links_underline" value="yes" <?php if(isset($ifweac_enable_links_underline) && $ifweac_enable_links_underline == 'yes') echo esc_html__("checked=checked",'ifweac-accessibility'); ?>>
     107                    <th scope="row"><?php echo esc_html__('Enable Links Underline?', 'site-accessibility');?></th>
     108                    <td>
     109                        <label class="ifweac_switch">
     110                            <input type="checkbox" id="ifweac_enable_links_underline" name="ifweac_enable_links_underline" value="yes" <?php if(isset($ifweac_enable_links_underline) && $ifweac_enable_links_underline == 'yes') echo esc_html__("checked=checked",'site-accessibility'); ?>>
    111111                            <span class="ifweac_slider ifweac_round"></span>
    112112                        </label>                             
    … …  
    118118                ?>
    119119                <tr valign="top" class="ifweac_links_underlined_color">
    120                     <th scope="row"><?php echo esc_html__('Select underline color', 'ifweac-accessibility');?></th>
     120                    <th scope="row"><?php echo esc_html__('Select underline color', 'site-accessibility');?></th>
    121121                    <td>
    122122                        <input class="ifweac_links_underline_color" name="ifweac_links_underline_color" type="text" value="<?php if(isset($ifweac_links_underline_color) && !empty($ifweac_links_underline_color)) { echo esc_attr($ifweac_links_underline_color);} else { ?>#086db3<?php } ?>" data-default-color="#effeff" />         
    … …  
    128128                ?>
    129129                <tr valign="top" class="ifweac_links_underline_text">
    130                     <th scope="row"><?php echo esc_html__('Links Underline Text', 'ifweac-accessibility');?></th>
     130                    <th scope="row"><?php echo esc_html__('Links Underline Text', 'site-accessibility');?></th>
    131131                    <td>
    132132                        <input type="text" name="ifweac_links_underline_text" id="ifweac_links_underline_text" placeholder="Links Underline" value="<?php if(isset($ifweac_links_underline_text) && !empty($ifweac_links_underline_text)) { echo esc_attr($ifweac_links_underline_text); } ?>">
    … …  
    145145                ?>     
    146146                <tr valign="top">
    147                     <th scope="row"><?php echo esc_html__('Enable Links Highlight?', 'ifweac-accessibility');?></th>
    148                     <td>
    149                         <label class="ifweac_switch">
    150                             <input type="checkbox" id="ifweac_enable_links_highlight" name="ifweac_enable_links_highlight" value="yes" <?php if(isset($ifweac_enable_links_highlight) && $ifweac_enable_links_highlight == 'yes') { echo esc_html__("checked=checked",'ifweac-accessibility'); } ?>>
     147                    <th scope="row"><?php echo esc_html__('Enable Links Highlight?', 'site-accessibility');?></th>
     148                    <td>
     149                        <label class="ifweac_switch">
     150                            <input type="checkbox" id="ifweac_enable_links_highlight" name="ifweac_enable_links_highlight" value="yes" <?php if(isset($ifweac_enable_links_highlight) && $ifweac_enable_links_highlight == 'yes') { echo esc_html__("checked=checked",'site-accessibility'); } ?>>
    151151                            <span class="ifweac_slider ifweac_round"></span>
    152152                        </label>             
    … …  
    158158                ?>
    159159                <tr valign="top" class="ifweac_links_highlighted_color">
    160                     <th scope="row"><?php echo esc_html__('Select Highlight link color', 'ifweac-accessibility');?></th>
     160                    <th scope="row"><?php echo esc_html__('Select Highlight link color', 'site-accessibility');?></th>
    161161                    <td>
    162162                        <input class="ifweac_links_highlight_color" name="ifweac_links_highlight_color" type="text" value="<?php if(isset($ifweac_links_highlight_color) && !empty($ifweac_links_highlight_color)) { echo esc_attr($ifweac_links_highlight_color); } else { ?>#086db3<?php } ?>" data-default-color="#effeff" />       
    … …  
    168168                ?>
    169169                <tr valign="top" class="ifweac_links_highlight_text">
    170                     <th scope="row"><?php echo esc_html__('Links Highlight Text', 'ifweac-accessibility');?></th>
     170                    <th scope="row"><?php echo esc_html__('Links Highlight Text', 'site-accessibility');?></th>
    171171                    <td>
    172172                        <input type="text" name="ifweac_links_highlight_text" id="ifweac_links_highlight_text" placeholder="Links Highlight" value="<?php if(isset($ifweac_links_highlight_text) && !empty($ifweac_links_highlight_text)) { echo esc_attr($ifweac_links_highlight_text); } ?>">
    … …  
    185185                ?>         
    186186                <tr valign="top">
    187                     <th scope="row"><?php echo esc_html__('Enable Theme Mode?', 'ifweac-accessibility');?></th>
    188                     <td>
    189                         <label class="ifweac_switch">
    190                             <input type="checkbox" id="ifweac_enable_theme_mode" name="ifweac_enable_theme_mode" value="yes" <?php if(isset($ifweac_enable_theme_mode) && $ifweac_enable_theme_mode == 'yes') { echo esc_html__("checked=checked",'ifweac-accessibility'); } ?>>
     187                    <th scope="row"><?php echo esc_html__('Enable Theme Mode?', 'site-accessibility');?></th>
     188                    <td>
     189                        <label class="ifweac_switch">
     190                            <input type="checkbox" id="ifweac_enable_theme_mode" name="ifweac_enable_theme_mode" value="yes" <?php if(isset($ifweac_enable_theme_mode) && $ifweac_enable_theme_mode == 'yes') { echo esc_html__("checked=checked",'site-accessibility'); } ?>>
    191191                            <span class="ifweac_slider ifweac_round"></span>
    192192                        </label>               
    … …  
    198198                ?>
    199199                <tr valign="top" class="ifweac_theme_mode_text">
    200                     <th scope="row"><?php echo esc_html__('Theme Mode Text', 'ifweac-accessibility');?></th>
     200                    <th scope="row"><?php echo esc_html__('Theme Mode Text', 'site-accessibility');?></th>
    201201                    <td>
    202202                        <input type="text" name="ifweac_theme_mode_text" id="ifweac_theme_mode_text" placeholder="Theme Mode" value="<?php if(isset($ifweac_theme_mode_text) && !empty($ifweac_theme_mode_text)) { echo esc_attr($ifweac_theme_mode_text); }?>" >
    … …  
    215215                ?>
    216216                <tr valign="top">
    217                     <th scope="row"><?php echo esc_html__('Enable Grayscale?', 'ifweac-accessibility');?></th>
    218                     <td>
    219                         <label class="ifweac_switch">
    220                             <input type="checkbox" id="ifweac_enable_grayscale" name="ifweac_enable_grayscale" value="yes" <?php if(isset($ifweac_enable_grayscale) && $ifweac_enable_grayscale == 'yes') { echo esc_html__("checked=checked",'ifweac-accessibility'); } ?>>
     217                    <th scope="row"><?php echo esc_html__('Enable Grayscale?', 'site-accessibility');?></th>
     218                    <td>
     219                        <label class="ifweac_switch">
     220                            <input type="checkbox" id="ifweac_enable_grayscale" name="ifweac_enable_grayscale" value="yes" <?php if(isset($ifweac_enable_grayscale) && $ifweac_enable_grayscale == 'yes') { echo esc_html__("checked=checked",'site-accessibility'); } ?>>
    221221                            <span class="ifweac_slider ifweac_round"></span>
    222222                        </label>
    … …  
    228228                ?>
    229229                <tr valign="top" class="ifweac_grayscale_text">
    230                     <th scope="row"><?php echo esc_html__('Grayscale Text', 'ifweac-accessibility');?></th>
     230                    <th scope="row"><?php echo esc_html__('Grayscale Text', 'site-accessibility');?></th>
    231231                    <td>
    232232                        <input type="text" name="ifweac_grayscale_text" id="ifweac_grayscale_text" placeholder="Image Grayscale" value="<?php if(isset($ifweac_grayscale_text) && !empty($ifweac_grayscale_text)) { echo esc_attr($ifweac_grayscale_text); } ?>">
    … …  
    246246                ?>   
    247247                <tr valign="top">
    248                     <th scope="row"><?php echo esc_html__('Enable Image Magnifier?', 'ifweac-accessibility');?></th>
    249                     <td>
    250                         <label class="ifweac_switch">
    251                             <input type="checkbox" id="ifweac_enable_image_magnifier" name="ifweac_enable_image_magnifier" value="yes" <?php if(isset($ifweac_enable_image_magnifier) && $ifweac_enable_image_magnifier == 'yes') echo esc_html__("checked=checked",'ifweac-accessibility'); ?>>
     248                    <th scope="row"><?php echo esc_html__('Enable Image Magnifier?', 'site-accessibility');?></th>
     249                    <td>
     250                        <label class="ifweac_switch">
     251                            <input type="checkbox" id="ifweac_enable_image_magnifier" name="ifweac_enable_image_magnifier" value="yes" <?php if(isset($ifweac_enable_image_magnifier) && $ifweac_enable_image_magnifier == 'yes') echo esc_html__("checked=checked",'site-accessibility'); ?>>
    252252                            <span class="ifweac_slider ifweac_round"></span>
    253253                        </label>
    … …  
    259259                ?>
    260260                <tr valign="top" class="ifweac_image_magnifier_text">
    261                     <th scope="row"><?php echo esc_html__('Image Magnifier Text', 'ifweac-accessibility');?></th>
     261                    <th scope="row"><?php echo esc_html__('Image Magnifier Text', 'site-accessibility');?></th>
    262262                    <td>
    263263                        <input type="text" name="ifweac_image_magnifier_text" id="ifweac_image_magnifier_text" placeholder="Image Magnifier" value="<?php if(isset($ifweac_image_magnifier_text) && !empty($ifweac_image_magnifier_text)) { echo esc_attr($ifweac_image_magnifier_text); } ?>">
    … …  
    276276                ?>
    277277                <tr valign="top">
    278                     <th scope="row"><?php echo esc_html__('Enable Text Magnifier?', 'ifweac-accessibility');?></th>
    279                     <td>
    280                         <label class="ifweac_switch">
    281                             <input type="checkbox" id="ifweac_enable_text_magnifier" name="ifweac_enable_text_magnifier" value="yes" <?php if(isset($ifweac_enable_text_magnifier) && $ifweac_enable_text_magnifier == 'yes') echo esc_html__("checked=checked",'ifweac-accessibility'); ?>>
     278                    <th scope="row"><?php echo esc_html__('Enable Text Magnifier?', 'site-accessibility');?></th>
     279                    <td>
     280                        <label class="ifweac_switch">
     281                            <input type="checkbox" id="ifweac_enable_text_magnifier" name="ifweac_enable_text_magnifier" value="yes" <?php if(isset($ifweac_enable_text_magnifier) && $ifweac_enable_text_magnifier == 'yes') echo esc_html__("checked=checked",'site-accessibility'); ?>>
    282282                            <span class="ifweac_slider ifweac_round"></span>
    283283                        </label>
    … …  
    289289                ?>
    290290                <tr valign="top" class="ifweac_texts_magnifier_text">
    291                     <th scope="row"><?php echo esc_html__('Text Magnifier Text', 'ifweac-accessibility');?></th>
     291                    <th scope="row"><?php echo esc_html__('Text Magnifier Text', 'site-accessibility');?></th>
    292292                    <td>
    293293                        <input type="text" name="ifweac_text_magnifier_text" id="ifweac_text_magnifier_text" placeholder="Text Zoom Magnifier" value="<?php if(isset($ifweac_text_magnifier_text) && !empty($ifweac_text_magnifier_text)){ echo esc_attr($ifweac_text_magnifier_text); }?>">
    … …  
    306306                ?>
    307307                <tr valign="top">
    308                 <th scope="row"><?php echo esc_html__('Enable Disability Mode?', 'ifweac-accessibility');?></th>
    309                     <td>
    310                         <label class="ifweac_switch">
    311                             <input type="checkbox" id="ifweac_enable_disability_mode" name="ifweac_enable_disability_mode" value="yes" <?php if(isset($ifweac_enable_disability_mode) && $ifweac_enable_disability_mode == 'yes') echo esc_html__("checked=checked",'ifweac-accessibility'); ?>>
     308                <th scope="row"><?php echo esc_html__('Enable Disability Mode?', 'site-accessibility');?></th>
     309                    <td>
     310                        <label class="ifweac_switch">
     311                            <input type="checkbox" id="ifweac_enable_disability_mode" name="ifweac_enable_disability_mode" value="yes" <?php if(isset($ifweac_enable_disability_mode) && $ifweac_enable_disability_mode == 'yes') echo esc_html__("checked=checked",'site-accessibility'); ?>>
    312312                            <span class="ifweac_slider ifweac_round"></span>
    313313                        </label>
    … …  
    319319                ?>
    320320                <tr valign="top" class="ifweac_isability_mode_text">
    321                     <th scope="row"><?php echo esc_html__('Disability Mode Text', 'ifweac-accessibility');?></th>
     321                    <th scope="row"><?php echo esc_html__('Disability Mode Text', 'site-accessibility');?></th>
    322322                    <td>
    323323                        <input type="text" name="ifweac_disability_mode_text" id="ifweac_disability_mode_text" placeholder="Disability Mode" value="<?php if(isset($ifweac_disability_mode_text) && !empty($ifweac_disability_mode_text)) { echo esc_html($ifweac_disability_mode_text); } ?>">
    … …  
    329329                ?>
    330330                <tr valign="top" class="ifweac_disability_mode_border_color_btn">
    331                     <th scope="row"><?php echo esc_html__('Disability Mode Border color', 'ifweac-accessibility');?><span class="ifweac_ctooltip"><sup>[?]</sup><label class="ifweac_tooltip-content"><?php echo esc_html__('User can Highlight all tag fonts as Border color exclude p tag, span tag, div tag', 'ifweac-accessibility');?></label></span></th>
     331                    <th scope="row"><?php echo esc_html__('Disability Mode Border color', 'site-accessibility');?><span class="ifweac_ctooltip"><sup>[?]</sup><label class="ifweac_tooltip-content"><?php echo esc_html__('User can Highlight all tag fonts as Border color exclude p tag, span tag, div tag', 'site-accessibility');?></label></span></th>
    332332                    <td>
    333333                        <input class="ifweac_disability_mode_color" name="ifweac_disability_mode_color" type="text" value="<?php if(isset($ifweac_disability_mode_color) && !empty($ifweac_disability_mode_color)) { echo esc_attr($ifweac_disability_mode_color); } else { ?>#086db3<?php } ?>" data-default-color="#effeff" />     
    … …  
    346346                ?>
    347347                <tr valign="top">
    348                     <th scope="row"><?php echo esc_html__('Enable Highlight Titles?', 'ifweac-accessibility');?></th>
    349                     <td>
    350                         <label class="ifweac_switch">
    351                             <input type="checkbox" id="ifweac_enable_highlight_titles" name="ifweac_enable_highlight_titles" value="yes" <?php if(isset($ifweac_enable_highlight_titles) && $ifweac_enable_highlight_titles == 'yes') echo esc_html__("checked=checked",'ifweac-accessibility'); ?>>
     348                    <th scope="row"><?php echo esc_html__('Enable Highlight Titles?', 'site-accessibility');?></th>
     349                    <td>
     350                        <label class="ifweac_switch">
     351                            <input type="checkbox" id="ifweac_enable_highlight_titles" name="ifweac_enable_highlight_titles" value="yes" <?php if(isset($ifweac_enable_highlight_titles) && $ifweac_enable_highlight_titles == 'yes') echo esc_html__("checked=checked",'site-accessibility'); ?>>
    352352                            <span class="ifweac_slider ifweac_round"></span>
    353353                        </label>               
    … …  
    359359                ?>
    360360                <tr valign="top" class="ifweac_highlighted_titles_border_color_btn">
    361                     <th scope="row"><?php echo esc_html__('Highlighted Titles Border color', 'ifweac-accessibility');?></th>
     361                    <th scope="row"><?php echo esc_html__('Highlighted Titles Border color', 'site-accessibility');?></th>
    362362                    <td>
    363363                        <input class="ifweac_highlight_titles_border_color" name="ifweac_highlight_titles_border_color" type="text" value="<?php if(isset($ifweac_highlight_titles_border_color) && !empty($ifweac_highlight_titles_border_color)) { echo esc_attr($ifweac_highlight_titles_border_color); } else { ?>#086db3<?php } ?>" data-default-color="#effeff" />       
    … …  
    369369                ?>
    370370                <tr valign="top" class="ifweac_highlight_titles_text">
    371                     <th scope="row"><?php echo esc_html__('Highlight Titles Text', 'ifweac-accessibility');?></th>
     371                    <th scope="row"><?php echo esc_html__('Highlight Titles Text', 'site-accessibility');?></th>
    372372                    <td>
    373373                        <input type="text" name="ifweac_highlight_titles_text" id="ifweac_highlight_titles_text" placeholder="Highlight Titles" value="<?php if(isset($ifweac_highlight_titles_text) && !empty($ifweac_highlight_titles_text)) { echo esc_attr($ifweac_highlight_titles_text); } ?>">
    … …  
    386386                ?>
    387387                <tr valign="top">
    388                     <th scope="row"><?php echo esc_html__('Enable Page Titles Color?', 'ifweac-accessibility');?></th>
    389                     <td>
    390                         <label class="ifweac_switch">
    391                             <input type="checkbox" id="ifweac_enable_titles_color" name="ifweac_enable_titles_color" value="yes" <?php if(isset($ifweac_enable_titles_color) && $ifweac_enable_titles_color == 'yes') { echo esc_html__("checked=checked",'ifweac-accessibility'); } ?>>
     388                    <th scope="row"><?php echo esc_html__('Enable Page Titles Color?', 'site-accessibility');?></th>
     389                    <td>
     390                        <label class="ifweac_switch">
     391                            <input type="checkbox" id="ifweac_enable_titles_color" name="ifweac_enable_titles_color" value="yes" <?php if(isset($ifweac_enable_titles_color) && $ifweac_enable_titles_color == 'yes') { echo esc_html__("checked=checked",'site-accessibility'); } ?>>
    392392                            <span class="ifweac_slider ifweac_round"></span>
    393393                        </label>
    … …  
    399399                ?>
    400400                <tr valign="top" class="ifweac_titles_color_text">
    401                     <th scope="row"><?php echo esc_html__('Page Titles Color Text', 'ifweac-accessibility');?></th>
     401                    <th scope="row"><?php echo esc_html__('Page Titles Color Text', 'site-accessibility');?></th>
    402402                    <td>
    403403                        <input type="text" name="ifweac_titles_color_text" id="ifweac_titles_color_text" placeholder="Select Titles Color" value="<?php if(isset($ifweac_titles_color_text) && !empty($ifweac_titles_color_text)) echo esc_attr($ifweac_titles_color_text);?>">
    … …  
    416416                ?>     
    417417                <tr valign="top">
    418                     <th scope="row"><?php echo esc_html__('Enable Cursor Zoom?', 'ifweac-accessibility');?><span class="ifweac_ctooltip"><sup>[?]</sup><label class="ifweac_tooltip-content"><?php echo esc_html__('User can Zoom Cursor icon using this icon', 'ifweac-accessibility');?></label></span></th>
    419                     <td>
    420                         <label class="ifweac_switch">
    421                             <input type="checkbox" id="ifweac_enable_cursor_zoom" name="ifweac_enable_cursor_zoom" value="yes" <?php if(isset($ifweac_enable_cursor_zoom) && $ifweac_enable_cursor_zoom == 'yes') { echo esc_html__("checked=checked",'ifweac-accessibility'); } ?>>
     418                    <th scope="row"><?php echo esc_html__('Enable Cursor Zoom?', 'site-accessibility');?><span class="ifweac_ctooltip"><sup>[?]</sup><label class="ifweac_tooltip-content"><?php echo esc_html__('User can Zoom Cursor icon using this icon', 'site-accessibility');?></label></span></th>
     419                    <td>
     420                        <label class="ifweac_switch">
     421                            <input type="checkbox" id="ifweac_enable_cursor_zoom" name="ifweac_enable_cursor_zoom" value="yes" <?php if(isset($ifweac_enable_cursor_zoom) && $ifweac_enable_cursor_zoom == 'yes') { echo esc_html__("checked=checked",'site-accessibility'); } ?>>
    422422                                <span class="ifweac_slider ifweac_round"></span>
    423423                        </label>
    … …  
    429429                ?>
    430430                <tr valign="top" class="ifweac_cursor_zoom_text">
    431                     <th scope="row"><?php echo esc_html__('Cursor Zoom Text', 'ifweac-accessibility');?></th>
     431                    <th scope="row"><?php echo esc_html__('Cursor Zoom Text', 'site-accessibility');?></th>
    432432                    <td>
    433433                        <input type="text" name="ifweac_cursor_zoom_text" id="ifweac_cursor_zoom_text" placeholder="Cursor Zoom" value="<?php if(isset($ifweac_cursor_zoom_text) && !empty($ifweac_cursor_zoom_text)){ echo esc_attr($ifweac_cursor_zoom_text); } ?>">
    … …  
    446446                ?>         
    447447                <tr valign="top">
    448                     <th scope="row"><?php echo esc_html__('Enable Reset All?', 'ifweac-accessibility');?></th>
    449                     <td>
    450                         <label class="ifweac_switch">
    451                             <input type="checkbox" id="ifweac_enable_reset_all" name="ifweac_enable_reset_all" value="yes" <?php if(isset($ifweac_enable_reset_all) && $ifweac_enable_reset_all == 'yes') { echo esc_html__("checked=checked",'ifweac-accessibility'); } ?>>
     448                    <th scope="row"><?php echo esc_html__('Enable Reset All?', 'site-accessibility');?></th>
     449                    <td>
     450                        <label class="ifweac_switch">
     451                            <input type="checkbox" id="ifweac_enable_reset_all" name="ifweac_enable_reset_all" value="yes" <?php if(isset($ifweac_enable_reset_all) && $ifweac_enable_reset_all == 'yes') { echo esc_html__("checked=checked",'site-accessibility'); } ?>>
    452452                            <span class="ifweac_slider ifweac_round"></span>
    453453                        </label>
    … …  
    459459                ?>
    460460                <tr valign="top" class="ifweac_reset_all_text">
    461                     <th scope="row"><?php echo esc_html__('Reset All Text', 'ifweac-accessibility');?></th>
     461                    <th scope="row"><?php echo esc_html__('Reset All Text', 'site-accessibility');?></th>
    462462                    <td>
    463463                        <input type="text" name="ifweac_reset_all_text" id="ifweac_reset_all_text" placeholder="Reset All" value="<?php if(isset($ifweac_reset_all_text) && !empty($ifweac_reset_all_text)) { echo esc_attr($ifweac_reset_all_text); } ?>">

  • site-accessibility/trunk/templates/public/sidebar.php

    r3224088 r3433474  
    1212    <!-- Start Sidebar section -->
    1313    <aside style="background-color: #086db3;" id="ifweac_sidebar" class="<?php if(isset($ifweac_enable_position) &&  !empty($ifweac_enable_position)) {
    14             if($ifweac_enable_position == 'Bottom Left') { echo esc_html__('bottom-left','ifweac-accessibility'); }
    15             elseif($ifweac_enable_position == 'Top Right') { echo esc_html__('right-top','ifweac-accessibility'); }
    16             elseif($ifweac_enable_position == 'Bottom Right'){ echo esc_html__('right-bottom','ifweac-accessibility');}
    17             elseif($ifweac_enable_position == 'Top Left') { echo esc_html__('top-left','ifweac-accessibility'); }
     14            if($ifweac_enable_position == 'Bottom Left') { echo esc_html__('bottom-left','site-accessibility'); }
     15            elseif($ifweac_enable_position == 'Top Right') { echo esc_html__('right-top','site-accessibility'); }
     16            elseif($ifweac_enable_position == 'Bottom Right'){ echo esc_html__('right-bottom','site-accessibility');}
     17            elseif($ifweac_enable_position == 'Top Left') { echo esc_html__('top-left','site-accessibility'); }
    1818        } ?>">
    1919        <!-- Start Hiddden fields and its values section -->
    … …  
    4444        <div class="ifweac_sidebar_content ifweac_sidebar_head">
    4545            <?php if(!empty($ifweac_title)){ ?>
    46                 <h6><?php echo esc_html($ifweac_title); ?></h6>
     46                <h5><?php echo esc_html($ifweac_title); ?></h5>
    4747            <?php
    4848            } else { ?>
    49                 <h6><?php echo esc_html__('Accessibility Options', 'ifweac-accessibility'); ?></h6>
     49                <h5><?php echo esc_html__('Accessibility Options', 'site-accessibility'); ?></h5>
    5050            <?php } ?>       
    5151        </div>
    … …  
    6363            <span id="ifweac_btn-orig"><?php echo esc_html($ifweac_font_size_title);?></span>
    6464        <?php } else { ?>
    65             <span id="ifweac_btn-orig"><?php echo esc_html__('Font Size', 'ifweac-accessibility');?></span>
     65            <span id="ifweac_btn-orig"><?php echo esc_html__('Font Size', 'site-accessibility');?></span>
    6666        <?php } ?>
    6767        <div class="accessibility-result_inner-outer">
    68         <span class="ifweac_minus_sign" decreaseFOntSize="0" id="ifweac_decrease_fonts" value="decrease"><?php echo esc_html__('&#8722;', 'ifweac-accessibility');?></span>   
    69         <span id="ifweac_increase_fonts" increaseFOntSize="0" class="ifweac_plus_sign" value="increase"><?php echo esc_html__('&#43;', 'ifweac-accessibility');?></span> 
     68        <button type="button" class="ifweac_minus_sign" id="ifweac_decrease_fonts" decreaseFOntSize="0" aria-label="<?php echo esc_attr__('Decrease font size', 'site-accessibility'); ?>" tabindex="0"><?php echo esc_html__('&#8722;', 'site-accessibility');?></button>   
     69        <button type="button" id="ifweac_increase_fonts" increaseFOntSize="0" class="ifweac_plus_sign" aria-label="<?php echo esc_attr__('Increase font size', 'site-accessibility'); ?>" tabindex="0"><?php echo esc_html__('&#43;', 'site-accessibility');?></button> 
    7070        </div>   
    7171        <?php } ?>
    … …  
    7575        $ifweac_enable_font_color_selection = get_option('ifweac_enable_font_color_selection');
    7676        if(isset($ifweac_enable_font_color_selection) && !empty($ifweac_enable_font_color_selection)) { ?>
    77             <label for="ifweac_select_font_color"><?php echo esc_html__('Select Font Color', 'ifweac-accessibility');?></label>   
     77            <label for="ifweac_select_font_color"><?php echo esc_html__('Select Font Color', 'site-accessibility');?></label>   
    7878            <input type="color" id="ifweac_select_font_color" name="ifweac_select_font_color" value=""><br>
    7979        <?php } ?>
    … …  
    8787        if(isset($ifweac_enable_links_underline) && !empty($ifweac_enable_links_underline)) {
    8888            if(!empty($ifweac_links_underline_text)) { ?> 
    89                 <span id="ifweac_links_underline" class="ifweac_toggle-checkbox">
    90                     <?php echo esc_html($ifweac_links_underline_text);?>
    91                     <label class="ifweac_switch">
    92                         <input id="ifweac_links_underline_checkbox" type="checkbox" name="ifweac_underline">
    93                         <span class="ifweac_slider ifweac_round"></span>
    94                     </label>
    95                 </span><br>
    96             <?php } else { ?>
    97                 <span id="ifweac_links_underline" class="ifweac_toggle-checkbox">
    98                     <?php echo esc_html__('Links Underline', 'ifweac-accessibility');?>
    99                     <label class="ifweac_switch">
    100                         <input id="ifweac_links_underline_checkbox" type="checkbox" name="ifweac_underline">
    101                         <span class="ifweac_slider ifweac_round"></span>
    102                     </label>
    103                 </span><br>
     89                <div class="ifweac_toggle-checkbox">
     90                    <label for="ifweac_links_underline_checkbox"><?php echo esc_html($ifweac_links_underline_text);?></label>
     91                    <label class="ifweac_switch">
     92                        <input id="ifweac_links_underline_checkbox" type="checkbox" name="ifweac_underline" role="switch" aria-checked="false" tabindex="0">
     93                        <span class="ifweac_slider ifweac_round"></span>
     94                    </label>
     95                </div><br>
     96            <?php } else { ?>
     97                <div class="ifweac_toggle-checkbox">
     98                    <label for="ifweac_links_underline_checkbox"><?php echo esc_html__('Links Underline', 'site-accessibility');?></label>
     99                    <label class="ifweac_switch">
     100                        <input id="ifweac_links_underline_checkbox" type="checkbox" name="ifweac_underline" role="switch" aria-checked="false" tabindex="0">
     101                        <span class="ifweac_slider ifweac_round"></span>
     102                    </label>
     103                </div><br>
    104104        <?php }
    105105        } ?>
    … …  
    112112        if(isset($ifweac_enable_links_highlight) && !empty($ifweac_enable_links_highlight)) {
    113113            if(!empty($ifweac_links_highlight_text)) { ?>
    114                 <span id="ifweac_highlight_links" class="ifweac_toggle-checkbox">
    115                     <?php echo esc_html($ifweac_links_highlight_text);?>
    116                     <label class="ifweac_switch">
    117                         <input id="ifweac_highlight_links_checkbox" type="checkbox" name="ifweac_highlight">
    118                         <span class="ifweac_slider ifweac_round"></span>
    119                     </label>
    120                 </span><br>
    121             <?php } else { ?>
    122                 <span id="ifweac_highlight_links" class="ifweac_toggle-checkbox">
    123                     <?php echo esc_html__('Highlight Links', 'ifweac-accessibility');?>
     114                <div class="ifweac_toggle-checkbox">
     115                    <label for="ifweac_highlight_links_checkbox"><?php echo esc_html($ifweac_links_highlight_text);?></label>
     116                    <label class="ifweac_switch">
     117                        <input id="ifweac_highlight_links_checkbox" type="checkbox" name="ifweac_highlight" role="switch" aria-checked="false" tabindex="0">
     118                        <span class="ifweac_slider ifweac_round"></span>
     119                    </label>
     120                </div><br>
     121            <?php } else { ?>
     122                <div class="ifweac_toggle-checkbox">
     123                    <label for="ifweac_highlight_links_checkbox"><?php echo esc_html__('Highlight Links', 'site-accessibility');?></label>
    124124                     <label class="ifweac_switch">
    125                         <input id="ifweac_highlight_links_checkbox" type="checkbox" name="ifweac_highlight">
     125                        <input id="ifweac_highlight_links_checkbox" type="checkbox" name="ifweac_highlight" role="switch" aria-checked="false" tabindex="0">
    126126                        <span class="ifweac_slider ifweac_round"></span>
    127127                    </label>   
    128                 </span><br>
     128                </div><br>
    129129        <?php }
    130130        } ?>
    … …  
    137137        if (isset($ifweac_enable_theme_mode) && !empty($ifweac_enable_theme_mode)) {
    138138            if (!empty($ifweac_theme_mode_text)) { ?>
    139                 <span id="ifweac_themebgcolor" class="ifweac_toggle-checkbox">
    140                     <?php echo esc_html($ifweac_theme_mode_text) . ' ' . esc_html__(' : Light', 'ifweac-accessibility');?>
    141                     <label class="ifweac_switch">
    142                         <input id="ifweac_themebgcolor_checkbox" type="checkbox" name="ifweac_themebgcolor" onclick="ifweac_changebackColor()">
    143                         <span class="ifweac_slider ifweac_round"></span>
    144                     </label>
    145                 </span><br>
    146             <?php } else { ?>
    147                 <span id="ifweac_themebgcolor" class="ifweac_toggle-checkbox">
    148                     <?php echo esc_html__('Theme Mode : Light', 'ifweac-accessibility');?>
    149                     <label class="ifweac_switch">
    150                         <input id="ifweac_themebgcolor_checkbox" type="checkbox" name="ifweac_themebgcolor" onclick="ifweac_changebackColor()">
    151                         <span class="ifweac_slider ifweac_round"></span>
    152                     </label>
    153                 </span><br>
     139                <div class="ifweac_toggle-checkbox">
     140                    <label for="ifweac_themebgcolor_checkbox"><?php echo esc_html($ifweac_theme_mode_text) . ' ' . esc_html__(' : Light', 'site-accessibility');?></label>
     141                    <label class="ifweac_switch">
     142                        <input id="ifweac_themebgcolor_checkbox" type="checkbox" name="ifweac_themebgcolor" role="switch" aria-checked="false" tabindex="0">
     143                        <span class="ifweac_slider ifweac_round"></span>
     144                    </label>
     145                </div><br>
     146            <?php } else { ?>
     147                <div class="ifweac_toggle-checkbox">
     148                    <label for="ifweac_themebgcolor_checkbox"><?php echo esc_html__('Theme Mode : Light', 'site-accessibility');?></label>
     149                    <label class="ifweac_switch">
     150                        <input id="ifweac_themebgcolor_checkbox" type="checkbox" name="ifweac_themebgcolor" role="switch" aria-checked="false" tabindex="0">
     151                        <span class="ifweac_slider ifweac_round"></span>
     152                    </label>
     153                </div><br>
    154154            <?php }
    155155        }
    … …  
    163163        if(isset($ifweac_enable_grayscale) && !empty($ifweac_enable_grayscale)) {
    164164            if(!empty($ifweac_grayscale_text)) { ?>
    165                 <span id="ifweac_grayscalebtn" class="ifweac_toggle-checkbox"><?php echo esc_html($ifweac_grayscale_text);?>
    166                     <label class="ifweac_switch">
    167                         <input id="ifweac_grayscalebtn_checkbox" type="checkbox" name="ifweac_grayscalebtn">
    168                         <span class="ifweac_slider ifweac_round"></span>
    169                     </label>
    170                 </span><br>
     165                <div class="ifweac_toggle-checkbox">
     166                    <label for="ifweac_grayscalebtn_checkbox"><?php echo esc_html($ifweac_grayscale_text);?></label>
     167                    <label class="ifweac_switch">
     168                        <input id="ifweac_grayscalebtn_checkbox" type="checkbox" name="ifweac_grayscalebtn" role="switch" aria-checked="false" tabindex="0">
     169                        <span class="ifweac_slider ifweac_round"></span>
     170                    </label>
     171                </div><br>
    171172                <?php } else { ?>
    172                 <span id="ifweac_grayscalebtn" class="ifweac_toggle-checkbox"><?php echo esc_html__('Grayscale Images', 'ifweac-accessibility');?>
    173                     <label class="ifweac_switch">
    174                         <input id="ifweac_grayscalebtn_checkbox" type="checkbox" name="ifweac_grayscalebtn">
    175                         <span class="ifweac_slider ifweac_round"></span>
    176                     </label>
    177                 </span><br>
     173                <div class="ifweac_toggle-checkbox">
     174                    <label for="ifweac_grayscalebtn_checkbox"><?php echo esc_html__('Grayscale Images', 'site-accessibility');?></label>
     175                    <label class="ifweac_switch">
     176                        <input id="ifweac_grayscalebtn_checkbox" type="checkbox" name="ifweac_grayscalebtn" role="switch" aria-checked="false" tabindex="0">
     177                        <span class="ifweac_slider ifweac_round"></span>
     178                    </label>
     179                </div><br>
    178180            <?php
    179181            }   
    … …  
    187189        if(isset($ifweac_enable_image_magnifier) && !empty($ifweac_enable_image_magnifier)){
    188190            if(!empty($ifweac_image_magnifier_text)) { ?>
    189                 <span id="ifweac_image_maginifier" class="ifweac_toggle-checkbox">
    190                     <?php echo esc_html($ifweac_image_magnifier_text);?>
    191                     <label class="ifweac_switch">
    192                         <input id="ifweac_image_maginifier_checkbox" type="checkbox" name="ifweac_maginifier">
    193                         <span class="ifweac_slider ifweac_round"></span>
    194                     </label>
    195                 </span><br>
    196             <?php } else { ?>
    197                 <span id="ifweac_image_maginifier" class="ifweac_toggle-checkbox">
    198                     <?php echo esc_html__('Image Magnifier', 'ifweac-accessibility');?>
     191                <div class="ifweac_toggle-checkbox">
     192                    <label for="ifweac_image_maginifier_checkbox"><?php echo esc_html($ifweac_image_magnifier_text);?></label>
     193                    <label class="ifweac_switch">
     194                        <input id="ifweac_image_maginifier_checkbox" type="checkbox" name="ifweac_maginifier" role="switch" aria-checked="false" tabindex="0">
     195                        <span class="ifweac_slider ifweac_round"></span>
     196                    </label>
     197                </div><br>
     198            <?php } else { ?>
     199                <div class="ifweac_toggle-checkbox">
     200                    <label for="ifweac_image_maginifier_checkbox"><?php echo esc_html__('Image Magnifier', 'site-accessibility');?></label>
    199201                     <label class="ifweac_switch">
    200                         <input id="ifweac_image_maginifier_checkbox" type="checkbox" name="ifweac_maginifier">
     202                        <input id="ifweac_image_maginifier_checkbox" type="checkbox" name="ifweac_maginifier" role="switch" aria-checked="false" tabindex="0">
    201203                        <span class="ifweac_slider ifweac_round"></span>
    202204                    </label>   
    203                 </span><br>
     205                </div><br>
    204206            <?php }
    205207        } ?>
    … …  
    212214        if(isset($ifweac_enable_text_magnifier) && !empty($ifweac_enable_text_magnifier)){
    213215            if(!empty($ifweac_text_magnifier_text)){ ?>
    214                 <span id="ifweac_text_zoom" class="ifweac_toggle-checkbox">
    215                     <?php echo esc_html($ifweac_text_magnifier_text);?>
     216                <div class="ifweac_toggle-checkbox">
     217                    <label for="ifweac_text_zoom_checkbox"><?php echo esc_html($ifweac_text_magnifier_text);?></label>
    216218                     <label class="ifweac_switch">
    217                         <input id="ifweac_text_zoom_checkbox" type="checkbox" name="ifweac_textzoom">
     219                        <input id="ifweac_text_zoom_checkbox" type="checkbox" name="ifweac_textzoom" role="switch" aria-checked="false" tabindex="0">
    218220                        <span class="ifweac_slider ifweac_round"></span>
    219221                    </label>   
    220                 </span><br><?php
     222                </div><br><?php
    221223            } else { ?>
    222                 <span id="ifweac_text_zoom" class="ifweac_toggle-checkbox">
    223                     <?php echo esc_html__('Text Magnifier', 'ifweac-accessibility');?>
    224                     <label class="ifweac_switch">
    225                         <input id="ifweac_text_zoom_checkbox" type="checkbox" name="ifweac_textzoom">
    226                         <span class="ifweac_slider ifweac_round"></span>
    227                     </label>
    228                 </span><br>
     224                <div class="ifweac_toggle-checkbox">
     225                    <label for="ifweac_text_zoom_checkbox"><?php echo esc_html__('Text Magnifier', 'site-accessibility');?></label>
     226                    <label class="ifweac_switch">
     227                        <input id="ifweac_text_zoom_checkbox" type="checkbox" name="ifweac_textzoom" role="switch" aria-checked="false" tabindex="0">
     228                        <span class="ifweac_slider ifweac_round"></span>
     229                    </label>
     230                </div><br>
    229231            <?php  } 
    230232        } ?>
    … …  
    237239        if(isset($ifweac_enable_disability_mode) && !empty($ifweac_enable_disability_mode)){
    238240            if(!empty($ifweac_disability_mode_text)) { ?>
    239                 <span id="ifweac_disability_mode" class="ifweac_toggle-checkbox">
    240                     <?php echo esc_html($ifweac_disability_mode_text);?>
     241                <div class="ifweac_toggle-checkbox">
     242                    <label for="ifweac_disability_mode_checkbox"><?php echo esc_html($ifweac_disability_mode_text);?></label>
    241243                     <label class="ifweac_switch">
    242                         <input id="ifweac_disability_mode_checkbox" type="checkbox" name="ifweac_disability">
     244                        <input id="ifweac_disability_mode_checkbox" type="checkbox" name="ifweac_disability" role="switch" aria-checked="false" tabindex="0">
    243245                        <span class="ifweac_slider ifweac_round"></span>
    244246                    </label>   
    245                 </span><br>
    246             <?php } else { ?>
    247                 <span id="ifweac_disability_mode" class="ifweac_toggle-checkbox">
    248                     <?php echo esc_html__('Disability Mode', 'ifweac-accessibility');?>
    249                     <label class="ifweac_switch">
    250                         <input id="ifweac_disability_mode_checkbox" type="checkbox" name="ifweac_disability">
    251                         <span class="ifweac_slider ifweac_round"></span>
    252                     </label>
    253                 </span><br>
     247                </div><br>
     248            <?php } else { ?>
     249                <div class="ifweac_toggle-checkbox">
     250                    <label for="ifweac_disability_mode_checkbox"><?php echo esc_html__('Disability Mode', 'site-accessibility');?></label>
     251                    <label class="ifweac_switch">
     252                        <input id="ifweac_disability_mode_checkbox" type="checkbox" name="ifweac_disability" role="switch" aria-checked="false" tabindex="0">
     253                        <span class="ifweac_slider ifweac_round"></span>
     254                    </label>
     255                </div><br>
    254256            <?php }
    255257        } ?>
    … …  
    262264        if(isset($ifweac_enable_cursor_zoom) && !empty($ifweac_enable_cursor_zoom)){
    263265            if(!empty($ifweac_cursor_zoom_text)){ ?>
    264                 <span id="ifweac_zoom_cursor" class="ifweac_toggle-checkbox">
    265                     <?php echo esc_html($ifweac_cursor_zoom_text);?>
    266                     <label class="ifweac_switch">
    267                         <input id="ifweac_zoom_cursor_checkbox" type="checkbox" name="ifweac_zoomcursor">
     266                <div class="ifweac_toggle-checkbox">
     267                    <label for="ifweac_zoom_cursor_checkbox"><?php echo esc_html($ifweac_cursor_zoom_text);?></label>
     268                    <label class="ifweac_switch">
     269                        <input id="ifweac_zoom_cursor_checkbox" type="checkbox" name="ifweac_zoomcursor" role="switch" aria-checked="false" tabindex="0">
    268270                        <span class="ifweac_slider ifweac_round"></span>
    269271                    </label>   
    270                 </span><br>
    271             <?php } else { ?>
    272                 <span id="ifweac_zoom_cursor" class="ifweac_toggle-checkbox">
    273                     <?php echo esc_html__('Cursor Zoom', 'ifweac-accessibility');?>
    274                     <label class="ifweac_switch">
    275                         <input id="ifweac_zoom_cursor_checkbox" type="checkbox" name="ifweac_zoomcursor">
     272                </div><br>
     273            <?php } else { ?>
     274                <div class="ifweac_toggle-checkbox">
     275                    <label for="ifweac_zoom_cursor_checkbox"><?php echo esc_html__('Cursor Zoom', 'site-accessibility');?></label>
     276                    <label class="ifweac_switch">
     277                        <input id="ifweac_zoom_cursor_checkbox" type="checkbox" name="ifweac_zoomcursor" role="switch" aria-checked="false" tabindex="0">
    276278                        <span class="ifweac_slider ifweac_round"></span>
    277279                    </label>   
    278                 </span><br>
     280                </div><br>
    279281            <?php
    280282            }
    … …  
    288290        if(isset($ifweac_enable_highlight_titles) && !empty($ifweac_enable_highlight_titles)){
    289291            if(!empty($ifweac_highlight_titles_text)){ ?>
    290                 <span id="ifweac_highlight_titles" class="ifweac_toggle-checkbox">
    291                     <?php echo esc_html($ifweac_highlight_titles_text);?>
    292                     <label class="ifweac_switch">
    293                         <input id="ifweac_highlight_titles_checkbox" type="checkbox" name="ifweac_highlighttitles">
     292                <div class="ifweac_toggle-checkbox">
     293                    <label for="ifweac_highlight_titles_checkbox"><?php echo esc_html($ifweac_highlight_titles_text);?></label>
     294                    <label class="ifweac_switch">
     295                        <input id="ifweac_highlight_titles_checkbox" type="checkbox" name="ifweac_highlighttitles" role="switch" aria-checked="false" tabindex="0">
    294296                        <span class="ifweac_slider ifweac_round"></span>
    295297                    </label>     
    296                 </span><br>
    297             <?php } else { ?>
    298                 <span id="ifweac_highlight_titles" class="ifweac_toggle-checkbox">
    299                     <?php echo esc_html__('Highlight Titles', 'ifweac-accessibility');?>
    300                     <label class="ifweac_switch">
    301                         <input id="ifweac_highlight_titles_checkbox" type="checkbox" name="ifweac_highlighttitles">
     298                </div><br>
     299            <?php } else { ?>
     300                <div class="ifweac_toggle-checkbox">
     301                    <label for="ifweac_highlight_titles_checkbox"><?php echo esc_html__('Highlight Titles', 'site-accessibility');?></label>
     302                    <label class="ifweac_switch">
     303                        <input id="ifweac_highlight_titles_checkbox" type="checkbox" name="ifweac_highlighttitles" role="switch" aria-checked="false" tabindex="0">
    302304                        <span class="ifweac_slider ifweac_round"></span>
    303305                    </label>
    304                 </span><br>
     306                </div><br>
    305307            <?php }
    306308        } ?>
    … …  
    318320            <?php
    319321            } else { ?>
    320                 <label for="ifweac_highlighted_title_color" id="ifweac_titles_color"><?php echo esc_html__('Select Page Titles Color', 'ifweac-accessibility');?></label>
     322                <label for="ifweac_highlighted_title_color" id="ifweac_titles_color"><?php echo esc_html__('Select Page Titles Color', 'site-accessibility');?></label>
    321323                <input type="color" id="ifweac_highlighted_title_color" name="ifweac_highlighted_title_color" value="" ><br>
    322324            <?php }   
    … …  
    331333        if(isset($ifweac_enable_reset_all) && !empty($ifweac_enable_reset_all)) {
    332334            if(!empty($ifweac_reset_all_text)) { ?>
    333                 <span id="ifweac_resetbtn" onclick="ifweac_resetbtn()"><?php echo esc_html($ifweac_reset_all_text);?></span><br>
     335                <button type="button" id="ifweac_resetbtn" onclick="ifweac_resetbtn()" aria-label="<?php echo esc_attr__('Reset all accessibility settings', 'site-accessibility'); ?>" tabindex="0"><?php echo esc_html($ifweac_reset_all_text);?></button><br>
    334336                <?php } else { ?>
    335                 <span id="ifweac_resetbtn" onclick="ifweac_resetbtn()"><?php echo esc_html__('Reset All', 'ifweac-accessibility');?></span><br>
     337                <button type="button" id="ifweac_resetbtn" onclick="ifweac_resetbtn()" aria-label="<?php echo esc_attr__('Reset all accessibility settings', 'site-accessibility'); ?>" tabindex="0"><?php echo esc_html__('Reset All', 'site-accessibility');?></button><br>
    336338            <?php
    337339            }
    … …  
    372374                    <span style="font-size: 16px;"><?php echo esc_html($ifweac_sidebar_title);?></span>
    373375                    <?php } else { ?>
    374                     <span style="font-size: 16px;"><?php echo esc_html__('Accessibility', 'ifweac-accessibility');?></span>
     376                    <span style="font-size: 16px;"><?php echo esc_html__('Accessibility', 'site-accessibility');?></span>
    375377                <?php }
    376378                } ?>
Note: See TracChangeset for help on using the changeset viewer.