Подписаться Бесплатный дискуссионный лист Подписчиков 1.806

←   Май 2023   →
1 01.05.2023 07:25:19 07:49:36 11:09:40 11:33:51 11:47:37 11:50:22 11:52:10 13:07:50 15:51:29 15:59:43 16:38:57 17:01:41 17:55:59 18:39:23 21:25:30 23:39:52	2 02.05.2023 07:00:26 08:28:37 09:51:28 11:31:27 12:00:05 12:43:19 12:50:55 13:22:30 14:04:44 15:14:25 15:43:32 15:45:15 17:27:26 20:24:08 21:47:07 21:54:41 22:24:30	3 03.05.2023 04:01:35 07:12:27 08:52:36 09:04:34 11:57:07 12:09:12 12:11:42 13:18:15 13:18:38 13:37:28 13:46:43 15:09:03 17:19:20 17:49:26 18:29:51 18:52:33 23:15:55 23:20:45	4 04.05.2023 06:56:27 09:58:57 10:27:31 11:14:37 11:48:34 11:55:06 15:50:24 16:13:30 17:10:51 18:22:36 18:22:47 18:59:20 19:17:22 19:24:04 20:03:35 20:57:03 22:20:01 22:48:24 22:49:02 22:49:08 23:29:12 23:37:34 23:41:44 23:45:10 23:57:41	5 05.05.2023 00:13:48 00:25:39 00:25:49 00:35:15 03:42:45 04:43:20 05:50:30 06:07:19 08:14:54 13:43:13 13:56:17 15:14:00 21:03:06 23:04:58 23:05:21 23:52:00	6 06.05.2023 02:18:28 04:41:21 08:32:09 08:44:01 08:58:23 09:25:30 10:16:50 14:34:08 16:21:48 16:28:04 16:52:37 16:52:55 16:52:59 16:53:40 18:15:21 18:28:25 18:45:54 19:17:08 19:34:29 20:46:14 21:30:47 22:14:34	7 07.05.2023 05:04:49 05:48:39 09:48:29 10:13:27 10:29:21 13:31:49 15:31:58 16:20:56 16:31:48 18:47:48 20:23:42 23:09:34 23:17:36
8 08.05.2023 06:43:35 08:49:38 08:51:38 10:03:22 11:28:09 12:08:13 12:09:36 12:54:59 13:21:12 13:33:33 14:17:13 14:19:16 14:20:25 14:22:21 15:37:14 15:54:07 15:55:06 16:31:18 17:14:47 20:25:34 21:43:34 21:49:41 23:15:50	9 09.05.2023 06:18:32 07:35:14 09:27:09 13:56:41 14:36:24 19:59:29 20:05:29 20:17:01 20:38:42 20:41:58 20:43:01 20:54:29 21:33:33 21:34:35 21:36:00 22:21:00 22:27:29	10 10.05.2023 00:07:13 01:29:58 07:35:53 08:54:16 09:38:49 09:46:25 09:58:44 10:33:31 14:11:17 14:49:05 15:11:45 15:18:47 15:19:25 17:06:08 17:13:06 17:14:39 18:57:30 19:20:59 19:21:43 19:33:29 19:37:51 20:00:56 23:50:51 23:52:22	11	12	13	14 14.05.2023 23:00:02 23:36:05 23:41:49
15 15.05.2023 08:35:16 09:31:28 10:38:01 11:00:03 16:55:32 18:06:49 19:21:42 19:22:26 19:40:44 19:40:56 20:05:23 21:07:35 21:35:10 21:45:34 22:22:24	16 16.05.2023 08:22:42 10:27:29 10:43:05 11:49:20 11:58:40 12:30:13 13:18:43 14:16:24 14:48:27 14:54:13 16:28:00 16:53:37 18:28:41 18:38:55 19:10:14 20:19:57 20:44:43 20:53:12 20:57:47 21:19:36 23:35:30	17 17.05.2023 09:11:33 10:50:21 13:20:51 15:25:41 15:29:53 15:33:41 16:16:08 16:19:24 16:25:53 17:16:42 17:21:07 17:56:12 20:59:49 21:03:13 21:13:58 22:30:34 22:43:06	18 18.05.2023 08:13:54 11:19:12 15:37:46 16:00:53 20:53:29 21:33:16 21:39:57 22:12:39 22:25:30 22:31:41 23:01:39 23:29:17	19 19.05.2023 08:58:00 09:32:29 09:52:43 09:55:58 11:00:16 11:03:17 11:03:44 13:30:19 15:37:06 15:52:31 16:57:07 18:51:59 19:04:28 19:26:07 19:39:02 20:45:33 21:49:39 21:52:07	20 20.05.2023 02:16:55 03:07:11 06:49:05 07:48:58 10:04:06 10:06:53 10:34:15 10:38:20 13:23:37 13:29:24 13:40:15 16:06:21 16:22:48 17:15:32 19:06:12 19:55:19 20:00:30 20:01:12 20:01:54 20:02:33 20:14:58 20:19:02 21:20:15 21:39:24 22:16:51 22:30:03 22:33:08 22:36:24 23:18:18 23:44:24	21 21.05.2023 01:37:03 11:20:16 12:54:07 13:10:28 13:42:29 14:45:44 15:00:05 15:05:31 16:10:22 16:11:33 16:45:42 18:03:46 18:48:07 19:50:15 20:50:35 21:28:26 22:30:11 22:39:38 22:40:18 22:51:59
22 22.05.2023 07:19:06 07:57:19 08:12:43 08:33:21 08:47:27 08:51:12 09:00:25 09:18:02 10:01:02 10:16:41 11:34:57 13:14:27 14:34:48 14:39:52 14:56:30 15:18:45 15:43:14 16:35:44 18:26:08 21:35:21 21:40:19 22:17:27 22:38:28	23 23.05.2023 01:48:29 05:51:34 05:58:42 11:03:18 13:09:39 14:29:59 16:41:11 17:01:16 22:31:55 23:00:28 23:33:40	24 24.05.2023 06:21:49 06:39:08 07:48:00 14:41:44 15:29:29 15:43:14 16:27:37 20:12:57 20:43:03 21:15:39	25 25.05.2023 02:09:36 09:21:29 10:52:04 13:00:34 16:07:23 16:44:36 16:53:51 18:19:48 19:07:34 19:32:48 20:28:15 20:42:26 21:11:27	26 26.05.2023 00:25:04 01:47:34 03:32:05 03:33:25 03:59:03 05:18:34 09:36:45 09:52:24 10:01:46 17:48:21 18:05:17 18:44:54 18:59:19 19:22:58 19:28:45 21:31:19	27 27.05.2023 08:17:44 09:15:08 10:16:26 17:23:15 18:09:00 19:05:07 19:24:15 19:56:35 19:58:13 20:27:15 20:29:14 20:34:04 20:38:29 20:43:47 20:44:05 20:45:17 21:01:55	28 28.05.2023 03:54:05 08:37:52 08:40:32 08:44:32 09:29:14 09:31:40 09:59:11 10:06:56 14:54:36
29 29.05.2023 01:55:36 04:17:55 09:41:44 10:23:14 10:30:36 10:32:31 10:34:31 10:49:29 13:23:48 13:24:40 13:25:29 13:58:56 14:19:38 15:20:29 17:40:20 19:40:53 20:44:47	30 30.05.2023 05:13:17 05:13:20 05:25:47 05:34:34 05:41:30 06:54:06 08:04:31 08:05:07 08:29:42 08:42:02 09:14:02 09:19:29 11:02:22 14:00:33 14:10:59 14:19:27 14:21:28 14:58:01 20:15:18 20:33:25 22:36:55	31 31.05.2023 07:36:04 13:55:21 15:06:59 15:33:35 17:13:00 18:27:06 19:13:33 20:05:02 20:39:32 21:10:59 23:13:17 23:13:35 23:13:45 23:13:50 23:52:12

За последние 60 дней 394 выпусков (несколько раз в день)

Сайт листа: http://www.tiflocomp.ru
Открыт: 22-01-2004
Пре-модерация: Нет
Адрес для писем в лист: industry.comp.tiflocomp-list@subscribe.ru

Модератор

Vladimir Dovydenkov

Статистика

1.806 подписчиков
+1 за неделю

• Выпуски
• Статистика

[TC] скринридеры читают лишнее на веб страничке

Здравствуйте.
Подскажите, есть веб страничка, сделана в виде слайдов. Есть кнопки,
которые открывают нужный слайд и есть кнопка вперед и назад, которая
листает слайды. На слайдах просто текст. Новости, описание и так
далее.Для каждого слайда свой адрес в адресной строке. При открытиии
сайта открывается страничка с описанием и ззрячие видят только описание.
Дальше можно переключиться на новости и так далее. А скринридеры jaws,
nvda и экранный диктор читают все подряд, как будто нет никаких слайдов,
а все отображается на экране. Как можно такое объяснить?
Ссылку не даю, так как без рабочего впн туда не попасть.
С уважением, Андрей.

Ответить  

Андрей

Mon, 15 May 2023 10:58:26 +0300 (#3696686)

 

Ответы:

Скринридеры работают с разметкой страницы, с её кодом. Через API. Для них нужно указывать специальную семантику. А именно, все эти слайды поместить в div, дать ему роль (role) application или dialog, tabindex установить в 0, сделать focus туда и либо удерживать его там, либо всё остальное, что находится в body, скрыть через aria-hidden="true". Только не забыть его затем убрать, когда снова нужно будет показать всю остальную страницу.

Ответить  

alexey

Mon, 15 May 2023 13:02:16 +0300 (#3696688)

 

{#template MAIN} <div id="loginForm" style="display:none;" class="subscriberu_popup"> <div class="popup_register"> {#include js_tmpl_auth_reg_tab} {#if $P.login_register_tab == 1} <form class="authentication-form" method="post" action="/MEMBERLOGIN_authen_cred"> <dl class="rg_block_options"> <dt id="js_tap_panel_auth"> <h1>Войти на сайт</h1> {* {#include js_tmpl_auth_reg_button} *} {#include js_tmpl_auth_reg_action} <hr class="logreg_line noPhones"> <div class="logreg_descr noPhones"><p>{#include js_tmpl_auth_reg_descr} </p></div> <div class="logreg_advice noPhones"> Если вы еще не с нами, то начните с <a href="#" onclick="rgNav('js_tab_reg');return false;" class="dashed" data-func="registr">регистрации</a> </div> <br><br> <a class="dashed auth-enter" href="/manage/author/"><b>Вход для авторов</b></a> </dt> </dl> </form> {#/if} {#if $P.login_register_tab == 2} <div class="rg_block_options"> <div id="js_tap_panel_auth"> <h1>Регистрация</h1> <div class="social_reg"> {* <div class="rg_description">{#include js_tmpl_soc_auth_reg_descr}</div> *} {#include js_tmpl_auth_reg_soc} <div class="rg_soc_auth_agree">{#include js_tmpl_auth_reg_agree}</div> </div> <div class="subscribe_reg"> {* <div class="rg_description"> #include js_tmpl_auth_reg_descr </div> *} {#include js_tmpl_auth_reg_action} </div> {* {#include js_tmpl_auth_reg_button} *} <div class="clr"> </div> <hr class="logreg_line noPhones"> <div class="logreg_descr noPhones">{#include js_tmpl_auth_reg_descr} {#include js_tmpl_soc_auth_reg_descr} </div> </div> </div> {#/if} </div> {* <div class="gray_bg register_shadow"></div> *} </div> {#/template MAIN} {#template js_tmpl_auth_reg_tab} <ul class="rg_nav"> <li id="js_tab_auth" class="{#if $P.login_register_tab == 1} rg_active_nav {#/if} rg_first_nav"><a onclick="rgNav('js_tab_auth');return false;" href="">Вход на сайт</a></li> <li id="js_tab_reg" class="{#if $P.login_register_tab == 2} rg_active_nav {#/if}"><a onclick="rgNav('js_tab_reg');return false;" href="">Регистрация </a></li> </ul> <span onclick="hidebo();" class="rg_closed"> </span> {#/template js_tmpl_auth_reg_tab} {#template js_tmpl_auth_reg_action} {#if $P.login_register_tab == 1} {#include js_tmpl_auth_reg_soc} {#/if} <div class="rg_forms"> <input type="hidden" id="login_register_destination" value="{$P.login_register_destination}"/> {#if $P.login_register_tab == 1} <div class="rg_for_input"> <span class="rg_text_inner">E-mail или код подписчика</span> <input id="credential_0" class="js_keydown_selector rg_input_text" data-js_submit="no" data-js_next_input_name="credential_1" name="" type="text" /> </div> <div class="rg_for_input"> <span class="rg_text_inner">Пароль</span> <input id="credential_1" class="js_keydown_selector rg_input_text" data-js_submit="yes" data-js_action="js_loginFormBut" name="" type="password" onkeyup="showAttention(this,!!window.event.shiftKey)" /> <span class="pswd_attention" id="attention_pswd"> <span class="icon_attention"></span> <span class="pswd_attention-text" id="attention-text_pswd1">Русская раскладка клавиатуры!</span> <span class="pswd_attention-text" id="attention-text_pswd2">У вас включен Caps Lock!</span> <span class="pswd_attention-text" id="attention-text_pswd3">У вас включен Caps Lock и русская раскладка клавиатуры!</span> </span> </div> <div class="rg_for_input input-alien"> <span class="chk noPhones"><input id="chk_alien" name="" type="checkbox" /></span><label for="chk_alien" class="noPhones"> Чужой компьютер</label> <a class="forgot_pass" href="/member/totalrecall">Забыли пароль?</a> </div> <div class="rg_for_input"> <em id="auth_msg" class="reg_error"></em> <input id="lf_typeauthid" value="email" type="hidden"> <input type="submit" class="button button-red logreg_submit" id="js_loginFormBut" value="Войти"> <!--</a>--> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> </div> {#/if} {#if $P.login_register_tab == 2} <div class="rg_for_input"> <span class="rg_text_inner">E-mail</span> <input id="arfemail" class="js_keydown_selector rg_input_text" name="" type="text" data-js_submit="yes" data-js_action="js_regFormBut"/> </div> <div class="rg_for_input rg_set_lineh rg_for_input_wide"> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_terms' type="checkbox" data-js_submit="yes" /></span> Я ознакомился и согласен с <a class="link_txd logreg_accLink" href="/faq/vereinbarung.html">условиями сервиса Subscribe.ru</a> </label> <br /> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_personal' type="checkbox" data-js_submit="yes" /></span> Нажимая на кнопку "Готово!", я даю <a class="link_txd logreg_accLink" href="/faq/persverordnung.html">согласие на обработку персональных данных</a> </label> </div> {* <div style="float: left;position: absolute;left: 11em;"> <img src="http://www.kupivip.ru/images/vip/logo.png?1604" style="width: 86px; vertical-align: middle;display: block;"> </div> <div class="rg_for_input rg_set_lineh"> <label class="js_tap_panel_checkbox"><input name="" id="js_tap_panel_checkbox_kupivip" type="checkbox" data-js_submit="yes"> Я хочу получать новости о скидках на одежду</label> </div> *} <div class="rg_for_input"> <em id="reg_msg" class="reg_error rg_for_input_wide"></em> <em id="reg_msg2" class="reg_error rg_for_input_wide"></em> <input id="rf_typeauthid" value="email" type="hidden"> <a class="button button-red logreg_submit" id="js_regFormBut" href="#">Готово!</a> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> </div> {#/if} </div> {#/template js_tmpl_auth_reg_action} {#template js_tmpl_auth_reg_agree} <div class="rg_for_input rg_set_lineh rg_for_input_wide"> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_terms_reg' type="checkbox" data-js_submit="yes" /></span> Я ознакомился и согласен с <a class="link_txd logreg_accLink" href="/faq/vereinbarung.html">условиями сервиса Subscribe.ru</a></label> <em id="reg_msg_soc" class="reg_error rg_for_input_wide"></em> </div> {#/template js_tmpl_auth_reg_agree} {#template js_tmpl_auth_reg_button} <div class="rg_butons_socials"> {#if $P.login_register_tab == 1} <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="auth_email" href="#"><span><i></i>Email</span></a> <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="auth_openid" href="#"><span><i></i>OpenID</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="auth_vkontakte" href="#"><span><i></i>Вконтакте</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="auth_mailru" href="#"><span><i></i>Mail.Ru</span></a> {#/if} {#if $P.login_register_tab == 2} <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="reg_email" href="#"><span><i></i>Email</span></a> <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="reg_openid" href="#"><span><i></i>OpenID</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="reg_vkontakte" href="#"><span><i></i>Вконтакте</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="reg_mailru" href="#"><span><i></i>Mail.Ru</span></a> {#/if} </div> {#/template js_tmpl_auth_reg_button} {#template js_tmpl_auth_reg_descr} {#if $P.login_register_tab == 1} Для оформления подписки на выбранную рассылку, работы с интересующей вас группой или доступа в нужный вам раздел, просим авторизоваться на Subscribe.ru {#/if} {#if $P.login_register_tab == 2} Для регистрации укажите ваш e-mail адрес. Адрес должен быть действующим, на него сразу после регистрации будет отправлено письмо с инструкциями и кодом подтверждения. {#/if} {#/template js_tmpl_auth_reg_descr} {#template js_tmpl_soc_auth_reg_descr} Или зарегистрируйтесь через социальную сеть. {#/template js_tmpl_soc_auth_reg_descr} {#template js_tmpl_auth_reg_soc} <div class="rg_soc"> {#if $P.login_register_tab == 1} <a onclick="return _checkSocConfirm(event)" href="https://oauth.vk.com/authorize?client_id=3954260&scope=wall,offline,photos,groups,video,audio,email&redirect_uri={location.protocol+'//'+location.host}/member/login/vk/&response_type=code&v=5.15" class="login_register_vk_button"> <span class="login_register_vk_icon"></span> </a> {#/if} {#if $P.login_register_tab == 2} <a onclick="return _checkSocConfirm(event)" href="https://oauth.vk.com/authorize?client_id=3954260&scope=wall,offline,photos,groups,video,audio,email&redirect_uri={location.protocol+'//'+location.host}/member/join/vk&response_type=code&v=5.15" class="login_register_vk_button"> <span class="login_register_vk_icon"></span> </a> {#/if} </div> {#/template js_tmpl_auth_reg_soc}

{#template MAIN} <div id="loginForm" style="display:none;" class="subscriberu_popup"> <div class="popup_register"> {#include js_tmpl_auth_reg_tab} <dl class="rg_block_options"> <dt id="js_tap_panel_auth"> <p class="rg_description">{#include js_tmpl_auth_reg_descr}</p> <div class="clr"> </div> {#include js_tmpl_auth_reg_action} <div class="clr"> </div> </dt> </dl> </div> <!-- <div class="gray_bg register_shadow"></div> --> </div> {#/template MAIN} {#template js_tmpl_auth_reg_tab} <ul class="rg_nav"> <li id="js_tab_reg" class="rg_active_nav rg_first_nav"><a href="" onclick="return false;" >Регистрация</a></li> </ul> <span onclick="hidebo();" class="rg_closed"> </span> {#/template js_tmpl_auth_reg_tab} {#template js_tmpl_auth_reg_descr} <strong>Пожалуйста, подтвердите ваш адрес.</strong><br><br>Вам отправлено письмо для подтверждения вашего адреса {$P.register_confirm_mail}.<br>Для подтверждения адреса перейдите по ссылке из этого письма. {#/template js_tmpl_auth_reg_descr} {#template js_tmpl_auth_reg_action} <div class="rg_forms confirm_code_from_letter"> <div class="rg_for_input"> <span class="rg_inp_descr" style="width:15em;">Или введите код из письма:</span> <input type="text" value="" id="confirm_code" name="" data-js_submit="yes" data-js_action="js_confirmFormBut" class="js_keydown_selector rg_input_text_conf" > </div> <div class="rg_for_input"><label>Не пришло письмо? <b>Пожалуйста, проверьте папку Спам</b><br /> (папку для нежелательной почты).</label><br />  <a href="" onclick="ajax_recall_code();return false" >Вышлите мне письмо еще раз!</a></div> <div class="rg_for_input"> <em class="reg_error" id="confirm_msg"></em> <a href="#" class="button button-red" id="js_confirmFormBut">Готово</a> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> <br> </div> </div> {#/template js_tmpl_auth_reg_action}