Использование выделения в тексте
Перейти к основному содержанию Центр помощиИзменено: пн, 17 октября 2022 г., 15:16
Создание акцента в тексте важно для передачи сообщения. Это помогает показать читателю, что он должен принять к сведению определенные слова и фразы.
Использование выделения помогает сканировать содержимое для зрячего человека, например:
«Я хочу получать уведомления по электронной почте , а не по другим каналам связи».
«Его любимая книга Гроздья гнева .»
Но выделение текста не должно ограничиваться зрячими. Важный текст также должен быть понятен тем, кто использует программы чтения с экрана. Есть несколько способов добиться выделения в тексте, некоторые из них лучше, чем другие. В этой статье рассматриваются общие подходы.
При использовании этих методов следует помнить, что текст, выделенный жирным шрифтом, который стоит отдельно, можно спутать с заголовком, а абзац, выделенный курсивом, особенно трудно читать.
- Приемлемый метод
- Приемлемый в некоторых случаях
- Методы, которых следует избегать
- Заключение
Приемлемый метод
Использование выбора слов для передачи ударения является наиболее подходящим методом. В большинстве случаев теги и код разметки, используемые для выделения текста, игнорируются программой чтения с экрана с настройками по умолчанию.
Выбор слов для выделения — единственный способ гарантировать четкое изложение важного содержания. Это может означать повторение и перефразирование важной информации. В некоторых случаях вы можете даже написать слово «важно» вместе с текстом, чтобы подчеркнуть мысль.
Примеры:
- Этот метод привел к увеличению продаж на 30%, да, на 30%.
- Важно! Не подливайте масла в огонь
Допустимо в некоторых случаях
Теги Strong и Emphasis
Теги Strong, , и теги Emphasis, считаются семантической разметкой, которая позволяет придать дополнительное значение вашему содержание.
В некоторых случаях они могут служить указанием на акцент для программы чтения с экрана.
Семантическая разметка лучше, чем разметка, используемая исключительно для стилизации, но, к сожалению, многие программы чтения с экрана игнорируют эти теги по умолчанию. Некоторые программы чтения с экрана (например, JAWS и NVDA) могут быть настроены на объявление выделения, но для этого требуются некоторые технические знания.
Руководство по обеспечению доступности веб-контента (WCAG) обсуждает эти методы в этой статье — Использование семантической разметки для выделения выделенного или специального текста.
Методы, которых следует избегать (т. е. не использовать эти методы)
Жирный шрифт
и курсивИх не следует использовать. Теги , выделенные полужирным шрифтом, и теги , выделенные курсивом, перечислены как ошибки уровня A соответствия требованиям WCAG.
Средства чтения с экрана обычно не сообщают пользователю об этих тегах.
Однако некоторые (например, JAWS) можно настроить так, чтобы они выделялись полужирным шрифтом и курсивом.
Мы не рекомендуем использовать жирный шрифт и курсив , если вы хотите выделить слово или отрывок.
Стиль HTML
Атрибуты стиля HTML используются для добавления стиля к элементу, например цвет, шрифт, размер и т. д.
Например, чтобы сделать текст жирным, его можно объявить в HTML, используя:
style="font-weight:bold"
Если ваш текст должен быть выделен жирным шрифтом, но не должен сообщаться как акцент, то для этого можно использовать атрибут стиля или CSS (каскадные таблицы стилей). Однако эта информация не будет передана кому-либо, использующему программу чтения с экрана.
Теги заголовков
Теги заголовков важны для доступности, позволяя пользователям программ чтения с экрана быстро просматривать страницу. С помощью сочетаний клавиш программа чтения с экрана может читать заголовки на странице и переходить к интересующей главе.
Заголовки экономят время всех пользователей сайта.
Однако заголовки не должны использоваться для выделения текста. Они используются как способ указать, где вы находитесь в документе
Заключение
Мы рекомендуем вам использовать сам письменный текст, чтобы подчеркнуть важное содержание.
Если вы решите использовать визуальное выделение, мы рекомендуем использовать семантические теги Strong и Emphasis , а также избегать использования Bold и Italic
Даже если вы используете Strong и Emphasis , нет гарантии, что они будут переданы средством чтения с экрана. Однако пользователи могут настроить некоторые программы чтения с экрана (например, JAWS и NVDA) на распознавание этих тегов.
Дополнительные ресурсы
- Важность заголовков
Вы нашли это полезным? Да №
Отправить отзыв
Извините, мы не смогли вам помочь.
Помогите нам улучшить эту статью своими отзывами.
Как выделить жирный текст в html
html8 месяцев назад
от Мухаммад Хузайфа
Известно, что язык HTML используется для написания документа через Интернет. Теперь при написании документа мы используем различные методы форматирования, чтобы наш документ выглядел хорошо. Задумывались ли вы когда-нибудь, как MS Word и Google Docs, существует ли какая-нибудь техника для выделения жирным шрифтом текста в HTML? Здесь мы рассмотрели возможные решения для выделения текста жирным шрифтом в HTML.
В этой статье мы расскажем вам о различных методах выделения текста жирным шрифтом в HTML и сосредоточимся на следующих результатах.
- Как сделать текст жирным с помощью тега в HTML?
- Как сделать текст полужирным, используя свойство CSS в HTML?
Как сделать текст жирным с помощью тега
? В HTML тег обычно используется для выделения текста жирным шрифтом.
Все, что написано между открытием и закрытием этого тега, будет выделено жирным шрифтом. Этот тег в основном используется для выделения текста или добавления заголовков для повышения удобочитаемости HTML-документа. Следующий практический пример лучше объясняет использование тега в HTML.
Код:
p>
Этот текст выделен жирным шрифтом с помощью тега .
В этом коде мы пишем текст между тегом HTML , чтобы сделать текст полужирным. А также увеличиваем размер текста, чтобы он был заметен.
Выходные данные:
Эти выходные данные показывают, что мы успешно выделили текст жирным шрифтом с помощью HTML-тега .
Как сделать текст жирным, используя свойство CSS в HTML?
В HTML мы также можем выделить текст жирным шрифтом, используя свойство CSS font-weight .
Чтобы сделать текст полужирным с помощью этого свойства, установите его значение жирнее или жирнее в соответствии с вашими требованиями.
Пример 1
Давайте разберемся с использованием этого свойства на соответствующем практическом примере.
Код:
p>
Этот текст выделен жирным шрифтом с помощью свойства CSS в HTML.
В этом коде мы используем свойство font-weight и устанавливаем для него значение жирности, что автоматически делает текст жирным в HTML. Вы также можете установить его значение жирнее, чтобы получить более жирный вес текста.
Вывод
Этот вывод показывает, что текст в HTML выделен полужирным шрифтом после того, как мы использовали свойство font-weight.
Пример 2
Теперь давайте рассмотрим другой практический пример, в котором мы попытаемся сделать текст полужирным, задав пользовательские значения от 600 до 950 для свойства font-weight.
Код
Этот текст выделен жирным шрифтом с помощью свойства CSS в HTML.
В этом коде мы выделили текст в HTML полужирным шрифтом, используя свойство CSS font-weight с пользовательскими значениями.
Вывод:
Вывод показывает, что мы успешно выделили текст в HTML, присвоив пользовательское значение свойству CSS font-weight.
Заключение
В HTML мы можем выделить текст жирным шрифтом, используя HTML-тег и свойство CSS font-weight. Мы также можем использовать свойство font-weight, чтобы установить жирность текста, задав пользовательские значения.
