GDL - Global Design Language

WCAG 

<script src="../raw/wcag/wcag.js"></script>

<label class="u-pointer c-modetoggle__label u-relative" aria-label="Modalità accessibile">
    <input type="checkbox" class="u-none" data-accessibility-toggle>
    <svg class="c-modetoggle__icon u-m-xsmall o-icon o-icon--animated o-icon--sm u-cursor-pointer">
        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-user-check"></use>
    </svg>
</label>
 
<script src="{{'../raw/wcag/wcag.js'}}"></script>

<label class="u-pointer c-modetoggle__label u-relative" aria-label="Modalità accessibile">
  <input type="checkbox" class="u-none" data-accessibility-toggle>
  <svg class="c-modetoggle__icon u-m-xsmall o-icon o-icon--animated o-icon--sm u-cursor-pointer">
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-user-check"></use>
  </svg>
</label>
 
/* No context defined. */
  • Content: 
    ~function () {
  if (!document.querySelectorAll || !document.body)

    return;
  {
    var fGetAccessibilityState = function () {
      try {
        if (window.localStorage) {
          return localStorage.getItem('accessibility_mode') === '1' ? 'on' : 'off';
        }
      } catch (_) { }

      return 'off';
    };

    var fSetAccessibilityState = function (sAccessibility) {
      try {
        if (window.localStorage) {
          if (sAccessibility === 'on')
            localStorage.setItem('accessibility_mode', '1');
          else
            localStorage.removeItem('accessibility_mode');

          return true;
        }
      } catch (_) { }

      return false;
    };
  }

  {
    var fUpdateAccessibility = function () {
      var sAccessibility = fGetAccessibilityState();

      document.body.setAttribute('data-accessibility', sAccessibility);

      document.querySelectorAll('input[data-accessibility-toggle]').forEach(function (oNode) {
        oNode.checked = (sAccessibility === 'on');
      });

      return true;
    };

    document.querySelectorAll('input[data-accessibility-toggle]').forEach(function (oNode) {
      oNode.addEventListener('change', function (oEvent) {
        if (!oEvent || !oEvent.currentTarget)
          return;

        var sNewState = oEvent.currentTarget.checked ? 'on' : 'off';

        if (!fSetAccessibilityState(sNewState)) {
          oEvent.preventDefault && oEvent.preventDefault();
          return false;
        }

        fUpdateAccessibility();
      });
    });
  }

  fUpdateAccessibility();

}();
  • URL: /components/raw/wcag/wcag.js
  • Filesystem Path: src/lib/components/wcag/wcag.js
  • Size: 1.6 KB

No notes defined.