Не используйте «нажмите здесь» в качестве текста ссылки – W3C=news.ycombinator.com=

Не используйте «нажмите здесь» в качестве текста ссылки – W3C ( w3.org )

robin_reala 14 минут назад | [–]
Если вы думаете об этом с точки зрения доступности, программы чтения с экрана для слепых пользователей представляют линейный вид страницы. Чтобы уйти от линейного вида, они также обычно позволяют пользователям получать доступ к спискам элементов, таких как заголовки и ссылки, вне контекста их исходного положения. Если каждая ссылка помечена как «нажмите здесь», то вы фактически лишаете этих пользователей нелинейного доступа.

отвечать

charcircuit 11 минут назад | | [–]
Программа чтения с экрана должна быть достаточно умной, чтобы прочитать, для чего предназначена ссылка.

отвечать

hombre_fatal 9 минут назад | | | [–]
Как вы себе это представляете? Читая окружающий текст или читая URL? Это хуже, чем описательный анкорный текст.

Вы можете прямо сейчас воспользоваться чем-то вроде macOS VoiceOver, чтобы посмотреть, как оно себя ведет.

отвечать

piqufoh 13 минут назад | | [–]
Снизу страницы;

> предоставлено в сентябре 2001 г. Аароном Шварцем

Мысли

— этому совету 24 года (и я думаю, его часто игнорируют)

— Аарон Шварц (!)

отвечать

xnx 4 минуты назад | | [–]
Рекомендация Якоба Нильсена от 1996 года: https://www.nngroup.com/articles/accessible-design-for-users…

отвечать

piqufoh 10 минут назад | | | [–]
Предложение Аарона (которое, похоже, потерялось?)

“Нажмите здесь” предполагает, что у всех есть компьютер и мышь. И это даже не нужно: большинство пользователей Интернета понимают, как переходить по ссылкам.

отвечать

xnx 9 минут назад | | | [–]
> большинство пользователей Интернета понимают, как переходить по ссылкам.

Часто бывает очень сложно определить, что является ссылкой, если она не подчеркнута и не используется синий цвет (или цвет отсутствует).

отвечать

nemomarx 6 минут назад | | | [–]
честно говоря, не стоит делать ссылку без украшений

когда hn мог бы использовать более четкий стиль для этого

отвечать

bArray 6 минут назад | | [–]
Я не согласен. Я думаю, нам нужно ясно дать понять, что переход по гиперссылкам всегда должен быть когнитивным выбором.

> Чтобы загрузить редактор/браузер W3C Amaya, [нажмите здесь].

Это дает вам возможность выбора, при котором может быть доступно несколько вариантов.

> Чтобы загрузить Amaya, перейдите на [веб-сайт Amaya] и получите необходимое программное обеспечение.

Это даже лучше, поскольку «нажмите здесь» подразумевает устройство ввода.

> Получите [Амайю]!

Хотя это и проще, из этого не следует, что действие является необязательным.

Если я нажму на ссылку, может потребоваться дополнительная информация, например:

> Чтобы загрузить бесплатный редактор/браузер Amaya от W3C, перейдите на [веб-сайт Amaya] и выберите последнюю версию на домашней странице.

Теперь я знаю, что это бесплатно, и у меня есть инструкции, которые нужно выполнить, чтобы найти то, что я ищу.

отвечать

Cthulhu_ 1 минуту назад | | [–]
Это очень похоже на точку зрения зрячего человека. Когда вы используете программы чтения с экрана, вы можете переключиться в режим навигации «ссылки» и переходить только по ссылкам, в этом случае все, что вы услышите, будет «нажмите здесь», «веб-сайт Amaya» и «Amaya».

См. также https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-… , также имея в виду, что с июня базовые рекомендации WCAG являются общеевропейским юридическим требованием для веб-сайтов компаний.

отвечать

страшный-размер 15 минут назад | | [–]
Цифровые службы правительства Великобритании дают аналогичную рекомендацию [1] в своих рекомендациях по обеспечению доступности.

[1] https://design.homeoffice.gov.uk/accessibility/links

отвечать

rerdavies 10 минут назад | | [–]
Их рекомендации совершенно иные.

W3c говорит:

Получить *Amaya* Узнать больше о *Amaya* Главный офис сообщает:

*Приобрести Amaya* *Узнать больше об Amaya* (что кажется гораздо более разумным).

отвечать

fkyoureadthedoc 11 минут назад | | [–]
Предполагая, что все их примеры последовательны и действительно загружают «Amaya», я бы предпочел просто гиперссылку [Загрузить Amaya]( http://link-to-file ).

Желательно со значком загрузки, указывающим, что это будет реальный файл, а не просто ссылка на другую страницу с настоящей кнопкой загрузки, спрятанной среди 4 рекламных объявлений, которые являются просто кнопками загрузки.

отвечать

scosman 7 минут назад | | [–]
Lighthouse также предупреждает об использовании общего текста ссылки, например «Узнать больше». Это одно из немногих предупреждений маяка, которые я просто игнорирую.

отвечать

kleiba 17 минут назад | | [–]
Помню, что в первые годы существования Википедии я часто путался, поскольку то, как они использовали текст ссылок, отличалось от того, что было принято в Интернете в то время.

отвечать

rerdavies 14 минут назад | | [–]
Это кажется неэлегантным:

Получите *Amaya*. Расскажите мне больше об *Amaya*.

отвечать

ceejayoz 16 минут назад | | [–]
Раньше я создавал веб-сайты для внутреннего использования врачами больницы.

«Нажмите здесь» — это только начало. Жирный, красный и мигающий. Люди едва читают, не говоря уже о том, чтобы осмысливать то, что читают. «Нажмите здесь» — это, по крайней мере, просто.

отвечать

cyanydeez 11 минут назад | | [–]
Как и большая часть Интернета, он работал лучше до того, как появились все эти некультурные свиньи.

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

отвечать

fortran77 10 минут назад | | [–]
Я сейчас скачаю Amaya!

отвечать

JadeNB 15 минут назад | | [–]
Одна из причин, по которой они этого не делают, заключается в том, что по умолчанию текст закладки (был? Я почти не добавляю закладки) является текстом ссылки. Так что, если вы не будете тщательно следить за своими закладками, у вас получится папка, полная закладок, которая называется «Нажмите здесь!»

отвечать

xnx 6 минут назад | | [–]
> текст закладки – это (был? Я почти не добавляю закладки) текст ссылки

Я не уверен, что видел такое поведение. Чаще всего это страницы. <a href="reply?id=44442971&goto=item%3Fid%3D44442473%2344442971" rel="nofollow">отвечать</a> <img decoding="async" src="https://news.ycombinator.com/s.gif" /><center><a id='up_44442711' href='vote?id=44442711&how=up&goto=item%3Fid%3D44442473'></a></center> <a href="user?id=stogot" class="hnuser">stogot</a> <a href="item?id=44442711">35 минут назад</a> | <a href="#44442876" class="clicky" aria-hidden="true">предыдущая</a> | <a href="#44442886" class="clicky" aria-hidden="true">следующая</a> <a class="togg clicky" id="44442711" n="6" href="javascript:void(0)">[–]</a> На самом деле я предпочитаю то, что они не рекомендуют, и не знаю почему. <a href="reply?id=44442711&goto=item%3Fid%3D44442473%2344442711" rel="nofollow">отвечать</a> <img decoding="async" src="https://news.ycombinator.com/s.gif" /><center><a id='up_44442822' href='vote?id=44442822&how=up&goto=item%3Fid%3D44442473'></a></center> <a href="user?id=lionkor" class="hnuser">lionkor</a> <a href="item?id=44442822">20 минут назад</a> | <a href="#44442711" class="clicky" aria-hidden="true">родитель</a> | <a href="#44442835" class="clicky" aria-hidden="true">следующий</a> <a class="togg clicky" id="44442822" n="1" href="javascript:void(0)">[–]</a> Я тоже. То, как они рекомендуют, похоже на “ссылку на статью в Википедии”, а не на призыв к действию <a href="reply?id=44442822&goto=item%3Fid%3D44442473%2344442822" rel="nofollow">отвечать</a> <img decoding="async" src="https://news.ycombinator.com/s.gif" /><center><a id='up_44442835' href='vote?id=44442835&how=up&goto=item%3Fid%3D44442473'></a></center> <a href="user?id=mannykannot" class="hnuser">mannykannot</a> <a href="item?id=44442835">19 минут назад</a> | <a href="#44442711" class="clicky" aria-hidden="true">родитель</a> | <a href="#44442822" class="clicky" aria-hidden="true">предыдущий</a> | <a href="#44442818" class="clicky" aria-hidden="true">следующий</a> <a class="togg clicky" id="44442835" n="1" href="javascript:void(0)">[–]</a> Я тоже так делаю — он сообщает читателю, что ему нужно сделать, чтобы добиться желаемого результата, более прямо, чем любая из альтернатив. <a href="reply?id=44442835&goto=item%3Fid%3D44442473%2344442835" rel="nofollow">отвечать</a> <img decoding="async" src="https://news.ycombinator.com/s.gif" /><center><a id='up_44442818' href='vote?id=44442818&how=up&goto=item%3Fid%3D44442473'></a></center> <a href="user?id=chungy" class="hnuser">chungy</a> <a href="item?id=44442818">20 минут назад</a> | <a href="#44442711" class="clicky" aria-hidden="true">родитель</a> | <a href="#44442835" class="clicky" aria-hidden="true">предыдущий</a> | <a href="#44442886" class="clicky" aria-hidden="true">следующий</a> <a class="togg clicky" id="44442818" n="3" href="javascript:void(0)">[–]</a> То же самое и здесь. Это просто руководство по стилю, которое W3C не имеет никакого отношения к определению. <a href="reply?id=44442818&goto=item%3Fid%3D44442473%2344442818" rel="nofollow">отвечать</a> <img decoding="async" src="https://news.ycombinator.com/s.gif" /><center><a id='up_44442845' href='vote?id=44442845&how=up&goto=item%3Fid%3D44442473'></a></center> <a href="user?id=sham1" class="hnuser">sham1</a> <a href="item?id=44442845">18 минут назад</a> | <a href="#44442711" class="clicky" aria-hidden="true">корень</a> | <a href="#44442818" class="clicky" aria-hidden="true">родитель</a> | <a href="#44442915" class="clicky" aria-hidden="true">следующий</a> <a class="togg clicky" id="44442845" n="1" href="javascript:void(0)">[–]</a> Хорошо, что это руководство по стилю представляет собой всего лишь то, что W3C считает передовой практикой, а не стандартом. > Хотя советы тщательно изучаются участниками группы, их не следует рассматривать ни как что иное, как информативные фрагменты мудрости, и, в частности, они не являются нормативными техническими спецификациями W3C. <a href="reply?id=44442845&goto=item%3Fid%3D44442473%2344442845" rel="nofollow">отвечать</a> <img decoding="async" src="https://news.ycombinator.com/s.gif" /><center><a id='up_44442915' href='vote?id=44442915&how=up&goto=item%3Fid%3D44442473'></a></center> <a href="user?id=hombre_fatal" class="hnuser">hombre_fatal</a> <a href="item?id=44442915">12 минут назад</a> | <a href="#44442711" class="clicky" aria-hidden="true">корень</a> | <a href="#44442818" class="clicky" aria-hidden="true">родитель</a> | <a href="#44442845" class="clicky" aria-hidden="true">предыдущий</a> | <a href="#44442886" class="clicky" aria-hidden="true">следующий</a> <a class="togg clicky" id="44442915" n="1" href="javascript:void(0)">[–]</a> Нам не следует быть такими чувствительными. > [Наши опубликованные советы] не следует рассматривать ни как что иное, как информативные фрагменты мудрости, и, в частности, они не являются нормативными техническими спецификациями W3C. <a href="reply?id=44442915&goto=item%3Fid%3D44442473%2344442915" rel="nofollow">отвечать</a> <img decoding="async" src="https://news.ycombinator.com/s.gif" /><center><a id='up_44442886' href='vote?id=44442886&how=up&goto=item%3Fid%3D44442473'></a></center> <a href="user?id=jxjnskkzxxhx" class="hnuser">jxjnskkzxxhx</a> <a href="item?id=44442886">14 минут назад</a> | <a href="#44442711" class="clicky" aria-hidden="true">предыдущая</a> | <a href="#44442893" class="clicky" aria-hidden="true">следующая</a> <a class="togg clicky" id="44442886" n="4" href="javascript:void(0)">[–]</a> Что именно не так с фразой «чтобы сделать XYZ, нажмите здесь»? <a href="reply?id=44442886&goto=item%3Fid%3D44442473%2344442886" rel="nofollow">отвечать</a> <img decoding="async" src="https://news.ycombinator.com/s.gif" /><center><a id='up_44442953' href='vote?id=44442953&how=up&goto=item%3Fid%3D44442473'></a></center> <a href="user?id=alabhyajindal" class="hnuser">alabhyajindal</a> <a href="item?id=44442953">9 минут назад</a> | <a href="#44442886" class="clicky" aria-hidden="true">родитель</a> | <a href="#44442966" class="clicky" aria-hidden="true">следующий</a> <a class="togg clicky" id="44442953" n="1" href="javascript:void(0)">[–]</a> Из письма с предложением¹: > “Нажмите здесь” предполагает, что у всех есть компьютер и мышь. И это даже не нужно: большинство пользователей Интернета понимают, как переходить по ссылкам. 1. <a href="https://lists.w3.org/Archives/Public/www-qa/2001Sep/0007.html" rel="nofollow">https://lists.w3.org/Archives/Public/www-qa/2001Sep/0007.htm…</a> <a href="reply?id=44442953&goto=item%3Fid%3D44442473%2344442953" rel="nofollow">отвечать</a> <img decoding="async" src="https://news.ycombinator.com/s.gif" /><center><a id='up_44442966' href='vote?id=44442966&how=up&goto=item%3Fid%3D44442473'></a></center> <a href="user?id=jaas" class="hnuser">jaas</a> <a href="item?id=44442966">7 минут назад</a> | <a href="#44442886" class="clicky" aria-hidden="true">родитель</a> | <a href="#44442953" class="clicky" aria-hidden="true">предыдущий</a> | <a href="#44442963" class="clicky" aria-hidden="true">следующий</a> <a class="togg clicky" id="44442966" n="1" href="javascript:void(0)">[–]</a> Идея в том, что некоторые люди не кликают — это относится в основном к людям, использующим мышь, а многие люди не используют мышь. Так что это преувеличение информации о том, что делать. <a href="reply?id=44442966&goto=item%3Fid%3D44442473%2344442966" rel="nofollow">отвечать</a> <img decoding="async" src="https://news.ycombinator.com/s.gif" /><center><a id='up_44442963' href='vote?id=44442963&how=up&goto=item%3Fid%3D44442473'></a></center> <a href="user?id=micromacrofoot" class="hnuser">micromacrofoot</a> <a href="item?id=44442963">8 минут назад</a> | <a href="#44442886" class="clicky" aria-hidden="true">родитель</a> | <a href="#44442966" class="clicky" aria-hidden="true">предыдущий</a> | <a href="#44442893" class="clicky" aria-hidden="true">следующий</a> <a class="togg clicky" id="44442963" n="1" href="javascript:void(0)">[–]</a> это немного педантично, но гиперссылки должны описывать то, что вы получаете, когда нажимаете на них не «<a>нажмите здесь</a>, чтобы узнать больше о собаках», а «читайте больше в нашей <a>статье о собаках</a>» представьте, что вы не можете видеть и переключаться между строками «нажмите здесь» <a href="reply?id=44442963&goto=item%3Fid%3D44442473%2344442963" rel="nofollow">отвечать</a> <img decoding="async" src="https://news.ycombinator.com/s.gif" /><center><a id='up_44442893' href='vote?id=44442893&how=up&goto=item%3Fid%3D44442473'></a></center> <a href="user?id=Lindby" class="hnuser">Линдби</a> <a href="item?id=44442893">14 минут назад</a> | <a href="#44442886" class="clicky" aria-hidden="true">предыдущая</a> | <a href="#44442882" class="clicky" aria-hidden="true">следующая</a> <a class="togg clicky" id="44442893" n="1" href="javascript:void(0)">[–]</a> Похоже на произвольные правила, придуманные людьми, которые никогда не пользовались веб-сайтами. <a href="reply?id=44442893&goto=item%3Fid%3D44442473%2344442893" rel="nofollow">отвечать</a> <img decoding="async" src="https://news.ycombinator.com/s.gif" /><center><a id='up_44442882' href='vote?id=44442882&how=up&goto=item%3Fid%3D44442473'></a></center> <a href="user?id=baggachipz" class="hnuser">baggachipz</a> <a href="item?id=44442882">15 минут назад</a> | <a href="#44442893" class="clicky" aria-hidden="true">предыдущая</a> <a class="togg clicky" id="44442882" n="1" href="javascript:void(0)">[–]</a> Контрапункт к другим мнениям, высказанным до сих пор: Мне кажется, что ссылка должна использоваться для получения дополнительной информации; поэтому ссылка должна описывать ее предстоящее содержание. Вместо того, чтобы использовать ссылку как призыв к действию, разве не должна быть кнопка? Это кажется более «чистым» в контексте семантической сети. <a href="reply?id=44442882&goto=item%3Fid%3D44442473%2344442882" rel="nofollow">отвечать</a> <img decoding="async" src="https://news.ycombinator.com/s.gif" /> <center> <a href="https://www.ycombinator.com/apply/">Рассмотрите возможность подачи заявки на набор в YC на осень 2025 года! Заявки принимаются до 4 августа</a></center> <center> Source: <a target="_blank" rel="nofollow" href="https://news.ycombinator.com/item?id=44442473">news.ycombinator.com</a> </div> <footer class="entry-footer"> Posted on <a href="https://wordpress-fsavf.wasmer.app/2102/" rel="bookmark"><time class="entry-date published updated" datetime="2025-07-02T12:40:03+00:00">July 2, 2025</time></a>Author <a class="url fn n" href="https://wordpress-fsavf.wasmer.app/author/anfisa/">anfisa</a>Categories <a href="https://wordpress-fsavf.wasmer.app/category/uncategorized/" rel="category tag">Uncategorized</a> </footer> </article> <div id="comments" class="comments-area"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Leave a Reply <a rel="nofollow" id="cancel-comment-reply-link" href="/2102/#respond" style="display:none;">Cancel reply</a></h3><form action="https://wordpress-fsavf.wasmer.app/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate>Your email address will not be published. Required fields are marked *<label for="comment">Comment *</label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea><label for="author">Name *</label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /> <label for="email">Email *</label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /> <label for="url">Website</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /> <input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Save my name, email, and website in this browser for the next time I comment.</label> <input name="submit" type="submit" id="submit" class="submit" value="Post Comment" /> <input type='hidden' name='comment_post_ID' value='2102' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </form> </div> </div> <nav class="navigation post-navigation" aria-label="Posts"> <h2 class="screen-reader-text">Post navigation</h2> <div class="nav-links"><div class="nav-previous"><a href="https://wordpress-fsavf.wasmer.app/2101/" rel="prev">Previous Previous post: Джек Уэлч, человек, сломавший капитализм (2022)=news.ycombinator.com=</a></div><div class="nav-next"><a href="https://wordpress-fsavf.wasmer.app/2103/" rel="next">Next Next post: Recurse Center (YC S10) нанимает специалиста по карьерному росту=news.ycombinator.com=</a></div></div> </nav> </main> </div> </div> <footer id="colophon" class="site-footer"> <div class="site-info"> <a href="https://wordpress.org/" class="imprint"> Proudly powered by WordPress </a> </div> </footer> </div> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/twentyfifteen\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script src="https://wordpress-fsavf.wasmer.app/wp-includes/js/comment-reply.min.js?ver=6.8.1" id="comment-reply-js" async data-wp-strategy="async"></script> </body> </html>