удаление контента на сайте до того, как программа чтения с экрана сможет прочитать его с помощью JavaScript или CSS ...? - PullRequest
Новая
       18

удаление контента на сайте до того, как программа чтения с экрана сможет прочитать его с помощью JavaScript или CSS ...?

0 голосов
/ 13 декабря 2018

Я отвечаю за этот сайт - http://reader.ku.edu [править: я удалил приятное меню] - и мы читаем сервис для слепых, поэтому нам нужен действительно хороший веб-сайтдля программ чтения с экрана.

Веб-сайт размещен в университете, и мы используем их шаблон Drupal, который включает общеуниверситетское меню в верхней части страницы (электронная почта, доска и т. Д., А также очень большое меню каталога).

Нам нужно удалить меню с веб-сайта, чтобы программы чтения с экрана не начали его читать (это очень большое меню).

У меня есть разрешения CSS и Javascript, но не PHP.

Каков наилучший способ сделать это?Будет ли программа чтения с экрана читать что-нибудь с style="display:none"?Я думаю, что это было бы лучше, чем style="visibility:hidden".Должно ли это быть введено в документ CSS или выполнено через JavaScript?Ала $('.ku-menu').display.toggle();

Спасибо!

Ответы [ 2 ]

0 голосов
/ 14 декабря 2018

Чтобы полностью удалить меню из DOM, вы можете сделать это:

Чистая версия JavaScript 

document.getElementById("ku_main_nav").remove();

jQuery версия 

$("#ku_main_nav").remove();

В результате меню больше не отображается, но, более того, его больше нет в DOM:

До JS: 

<div class="content clearfix" style="font-size: 14px !important; line-height: 16.8px !important;">
  <ul class="inline-list" id="ku_main_nav" style="font-size: 14px !important; line-height: 28px !important;">
    [...]
  </ul>
</div>

После JS: 

<div class="content clearfix" style="font-size: 14px !important; line-height: 16.8px !important;">

</div>

Редактировать:

Добавлена ​​версия jQuery

0 голосов
/ 13 декабря 2018

Если вы скрываете контент с помощью visibility:hidden, программное обеспечение для чтения с экрана все равно подхватит его, поэтому оно фактически не будет «скрыто» для слепых пользователей.

...