מידע שימושי וכלים עבור החוק להנגשת אתרים

				
					<a href="#accModal" class="ad-button">
  📝 דווח/י על בעיית נגישות
</a>

<div id="accModal" class="acc-modal"
     role="dialog"
     aria-modal="true"
     aria-labelledby="accModalTtl"
     hidden>
  <div class="acc-modal__card">
    <h3 id="accModalTtl">פניית נגישות</h3>
    <form class="acc-form" action="/contact-accessibility" method="post">
      <label for="accTopic">נושא</label>
      <input id="accTopic" name="topic" required>
      <label for="accMsg">תיאור קצר</label>
      <textarea id="accMsg" name="msg" rows="4" required></textarea>
      <div class="acc-actions">
        <button type="submit">שליחה</button>
        <button type="button" id="accClose">סגירה</button>
      </div>
      <div class="acc-note" aria-live="polite"></div>
    </form>
  </div>
</div>

<style>
.acc-modal{
  position:fixed; inset:0; display:flex;
  align-items:center; justify-content:center;
  background:rgba(0,0,0,.45);
  z-index:99999;
}
.acc-modal[hidden]{ display:none; }
.acc-modal__card{
  background:#fff; color:#1b2a3a;
  border-radius:12px; padding:16px;
  width: min(520px, 92vw);
  box-shadow:0 10px 30px rgba(0,0,0,.2);
}
.acc-form label{ display:block; margin:8px 0 4px 0; }
.acc-form input, .acc-form textarea{
  width:100%; padding:8px 10px;
  border:1px solid #cfe0f5; border-radius:7px;
}
.acc-actions{ display:flex; gap:8px; margin-top:10px; }
.acc-actions button{
  padding:8px 12px; border-radius:8px;
  border:1px solid #cfe0f5; cursor:pointer;
}
</style>

<script>
(function(){
  const openers = document.querySelectorAll('a[href="#accModal"]');
  const modal = document.getElementById('accModal');
  const closeBtn = document.getElementById('accClose');
  let lastFocus = null;

  function open(){
    lastFocus = document.activeElement;
    modal.hidden = false;
    modal.querySelector('input,textarea,button')
         .focus();
    document.addEventListener('keydown', esc);
  }
  function close(){
    modal.hidden = true;
    document.removeEventListener('keydown', esc);
    if(lastFocus) lastFocus.focus();
  }
  function esc(e){ if(e.key==='Escape') close(); }
  openers.forEach(a=> a.addEventListener('click', function(e){
    e.preventDefault(); open();
  }));
  closeBtn.addEventListener('click', close);
  modal.addEventListener('click', function(e){
    if(e.target === modal) close();
  });
})();
</script>