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

←   Июнь 2022   →
		1 01.06.2022 04:31:07 05:13:33 05:52:39 07:06:10 09:02:35 09:16:50 09:23:50 09:45:36 09:49:40 09:59:32 13:43:55 19:25:23	2 02.06.2022 01:20:55 05:01:19 05:57:21 06:06:27 06:31:59 08:45:42 08:45:51 08:50:26 10:20:58 15:17:08 15:40:25 16:37:09 16:57:52 17:18:28 18:22:32 19:20:00 20:07:25 21:08:05 23:36:12 23:36:36 23:38:22 23:50:39	3 03.06.2022 02:03:16 02:54:57 03:04:52 04:18:24 05:03:26 05:08:31 05:22:24 05:36:50 05:44:51 05:55:23 06:03:57 06:06:51 06:10:24 06:12:51 06:16:31 06:27:23 06:36:25 06:45:31 06:50:22 07:15:36 07:32:06 08:06:05 08:07:25 08:35:04 10:06:34 10:35:40 10:36:50 10:36:58 10:38:16 10:44:12 10:53:06 11:09:10 11:15:45 11:26:07 11:26:36 11:28:40 12:10:35 12:35:34 12:40:24 12:47:02 13:45:26 13:50:48 14:12:33 16:03:40 16:26:34 16:42:14 16:45:59 17:27:28 17:27:39 17:28:26 17:28:37 17:28:58 17:29:19 17:34:04 17:40:07 17:49:01 18:12:28 18:15:24 18:23:31 19:04:38 19:21:41 19:59:42 20:19:01 21:48:27 22:43:20 23:19:15	4 04.06.2022 02:02:46 08:28:54 08:46:37 09:23:36 11:17:07 13:28:20 15:32:03 16:34:41 17:51:29 19:54:01 21:18:02 21:55:31 22:48:19	5 05.06.2022 01:48:51 06:16:27 06:25:49 07:23:55 07:41:06 08:27:40 08:28:54 09:23:23 10:03:30 10:07:41 10:09:33 10:20:08 12:13:47 12:34:48 13:02:54 13:54:46 14:10:46 14:16:44 15:56:21 16:35:50 16:58:23 17:21:25 18:57:05 19:11:10 21:38:26 21:47:45 22:17:12 22:39:40 22:43:19 23:00:53 23:28:01 23:30:27 23:30:41 23:31:39
6 06.06.2022 00:41:42 01:12:31 04:34:40 05:09:39 05:41:34 05:51:21 06:15:12 08:19:33 09:59:32 10:17:54 10:21:49 11:21:07 11:25:00 11:35:04 11:41:03 11:49:52 12:28:00 12:54:39 13:13:50 13:32:43 13:32:58 13:59:51 14:56:23 14:57:47 15:00:50 15:03:05 15:14:15 15:31:41 15:47:43 16:11:16 16:15:15 16:19:44 17:17:56 17:20:22 18:32:37 18:39:42 18:55:58 19:55:22 20:09:34 20:21:59 22:04:35 22:21:34 23:03:30	7 07.06.2022 00:37:01 01:38:07 07:09:43 09:37:27 09:42:10 09:47:44 10:01:12 12:25:09 12:33:56 13:02:16 13:05:47 13:14:06 13:15:30 14:51:31 15:00:34 15:58:52 16:03:28 16:06:31 16:26:32 16:31:25 17:01:21 19:11:21 19:34:29 20:53:48 20:56:07 21:37:03 21:43:32 21:53:51 22:52:38 23:22:33	8 08.06.2022 06:18:47 06:19:35 06:19:37 06:20:34 07:40:11 08:58:47 09:12:01 09:22:34 09:29:22 09:30:45 09:33:50 09:44:58 10:18:29 10:24:40 10:31:52 10:57:35 11:12:07 11:14:36 12:03:06 12:25:51 12:49:46 12:54:09 13:00:47 13:17:28 13:42:05 14:04:05 14:31:26 15:23:05 15:26:30 15:33:36 15:35:59 15:38:23 17:16:17 17:52:28 18:10:08 18:30:57 19:13:06 19:50:07 20:58:08 21:02:51 21:40:41	9 09.06.2022 02:52:35 06:33:39 06:35:02 06:58:13 07:17:31 07:37:57 07:44:37 08:09:29 08:28:58 08:55:12 09:03:36 09:05:08 09:24:02 09:41:02 10:14:40 10:47:34 10:55:50 11:33:34 11:34:38 12:00:36 12:28:41 12:52:06 13:01:33 13:08:10 13:09:25 13:30:32 13:47:09 13:49:36 14:08:57 14:29:39 14:30:48 15:24:52 15:37:51 15:45:47 15:55:45 16:20:23 16:44:49 17:25:05 20:01:34 20:02:31 22:54:51 22:55:10	10 10.06.2022 00:19:11 02:50:19 03:14:41 05:46:40 05:47:13 05:48:17 05:49:24 05:50:17 06:06:40 07:31:54 08:52:54 09:00:44 09:49:56 11:02:41 11:35:17 11:40:07 13:07:52 13:10:55 13:25:09 14:29:32 14:59:50 15:18:29 15:26:18 16:16:12 16:21:32 16:32:41 18:15:29 18:37:21 18:51:02 19:16:48 19:22:08 19:22:10 21:00:35 21:19:39 21:45:10 22:58:26	11 11.06.2022 00:01:33 00:04:35 04:46:08 04:47:18 04:48:25 08:21:03 09:58:07 12:24:17 12:47:47 13:12:41 13:32:14 14:31:35 14:34:11 15:25:47 15:32:08 15:33:44 15:40:19 17:23:18 17:28:17 18:12:50 19:28:59 20:52:23 21:27:59 21:34:02 23:21:50	12 12.06.2022 00:13:52 00:19:16 00:31:46 04:23:15 07:52:08 12:58:11 14:14:14 14:27:46 15:16:24 15:26:51 18:17:05 20:22:58 22:13:36
13 13.06.2022 04:57:00 08:26:01 08:35:30 09:17:58 09:53:37 11:17:02 11:41:09 11:46:40 11:49:41 13:33:45 13:45:43 19:28:49 19:43:59 20:03:19 21:34:44 23:09:38	14 14.06.2022 07:58:44 10:00:56 10:23:40 10:39:35 11:10:10 12:01:03 19:12:58 19:24:03 19:26:10 19:52:54 20:50:24 21:35:32 21:42:24 22:10:54 22:37:37	15 15.06.2022 00:58:04 18:18:20 23:12:21	16 16.06.2022 10:25:30 11:03:56 11:39:51 11:40:04 12:44:08 13:08:09 14:56:13 16:36:13 16:59:03 18:38:04 19:49:08 20:10:07 20:54:11 22:00:46	17 17.06.2022 00:48:27 00:55:44 03:09:18 04:56:28 05:00:37 06:23:16 06:26:40 06:28:28 06:37:17 13:29:59 14:32:53 15:01:52 15:59:32 16:17:06 17:00:50 18:02:27 19:53:05 20:01:45 22:40:07 23:20:04 23:23:25 23:26:13 23:26:20 23:26:52 23:26:53 23:36:07	18 18.06.2022 15:09:32 15:17:05 16:07:08 16:43:44 18:38:48 23:03:28	19 19.06.2022 00:00:39 02:50:00 08:33:43 09:39:49 11:39:22 12:07:57 14:36:47 14:40:19 17:30:57 19:36:25 19:39:48 19:49:52 22:43:07 22:51:38
20 20.06.2022 01:35:11 01:41:05 04:45:29 04:46:26 04:56:47 05:10:15 06:48:19 08:55:49 09:54:05 09:55:03 10:16:28 10:43:07 11:50:54 12:36:13 13:04:13 13:12:19 13:34:15 13:55:20 14:45:58 15:57:16 16:15:07 19:08:50 20:07:07 20:27:21	21 21.06.2022 07:58:52 08:06:30 08:44:26 09:45:14 10:52:26 10:53:28 14:32:30 15:09:40 15:18:15 15:18:27 15:50:52 17:28:52 23:33:12 23:42:34	22 22.06.2022 02:09:10 04:53:51 09:08:36 11:22:29 12:29:48 14:47:02 16:03:53 16:09:44 18:54:06 18:54:26 21:18:14 21:34:07 22:16:52	23 23.06.2022 01:19:40 01:20:52 01:21:51 03:01:16 08:37:29 09:03:37 09:09:43 11:20:41 12:21:13 12:25:05 12:26:04 12:31:30 12:51:15 13:19:07 13:48:15 14:36:10 16:04:56 16:25:18 16:37:41 18:02:57 18:48:05 19:07:34 23:28:37	24 24.06.2022 02:03:31 07:49:07 07:52:07 12:32:35 18:04:43 18:05:29 20:31:12 22:21:51 22:51:55 22:56:26 23:16:56	25 25.06.2022 00:26:02 04:18:25 05:10:24 05:49:37 09:00:14 09:22:14 09:39:14 10:28:11 11:06:52 12:14:32 14:06:55 15:00:59 15:08:00 15:21:39 15:28:41 15:38:33 16:00:37 16:03:49 18:45:11 20:07:23 22:44:29 22:51:58	26 26.06.2022 06:05:51 06:07:14
27	28 28.06.2022 12:59:28 13:00:15 13:01:03 13:01:11 13:01:21 13:05:48 13:06:09 13:10:14 13:17:10 13:19:59 13:21:16 13:29:08 13:31:26 13:33:17 14:15:23 14:16:45 16:06:58 16:36:46 16:37:58 16:38:34 16:57:25 19:15:23 19:41:38 20:52:11 21:21:30	29 29.06.2022 00:50:48 00:50:57 00:51:07 00:51:13 00:52:32 00:57:17 01:14:59 05:22:48 05:58:00 07:30:25 09:10:59 09:27:58 09:59:03 11:18:50 11:55:02 12:00:11 12:17:21 13:56:37 15:08:47 15:18:27 16:27:25 16:27:59 16:41:26 17:52:50 19:32:08	30 30.06.2022 00:54:14 04:50:46 09:09:41 10:11:03 10:40:04 11:54:17 12:51:22 16:44:25 17:25:52 18:57:32 19:50:17 20:43:23 21:42:26 21:57:08 21:58:27 22:39:25 23:24:02 23:56:39

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

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

Модератор

Vladimir Dovydenkov

Статистика

1.792 подписчиков
0 за неделю

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

[TC] Порядок чтения на веб страницах

Здравствуйте.
Есть веб страничка, текст на ней состоит из отдельных блоков, есть текст
вверху, потом слева, посередине, справа и внизу. Зрячие видет это
правильно, а скринридеры читают этот текст странным образом, сначала то,
что сверху, потом справа, серединку, низ и потом то, что слева. Что надо
сделать разработчику страницы, чтобы задать правильный порядок чтения
такой страницы для скринридеров и в то же время не поломать ничего для
зрячих?
С уважением, Андрей.

Ответить  

Андрей

Wed, 29 Jun 2022 09:58:23 +0300 (#3688524)

 

Ответы:

привет, дело в том что джоз читает теги html так как они написаны в коде, по
порядку.
а расположением блоков на странице занимается css и эти таблицы отвечают в
том числе и за позиционирование блоков и прочих элементов.
так первый левый блок может идти в коде первым и джоз его будет читать
первым.
правее может идти блок который в коде написан последним, зрячие его видят
рядом с первым а джоз будет его читать последним.
кому-то из вас придется читать спецификации веб, по доступности.
более развернуто вам наверно ответят более компетентные подписчики.

Ответить  

"Keeper"

Wed, 29 Jun 2022 15:04:59 +0300 (#3688531)

 

{#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}