Проблемы доступности тегов span/mark, вложенных в абзацы

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

Я просто хочу убедиться, что это не проблема доступности. Вот мой код:

<p>
  Having <mark class = "blue">authority</mark> over your brand is important in business. You decide how you want your brand to be <mark class = "blue">perceived</mark>, interacted with, and <mark class = "blue">connected</mark> to your community. If you ever need guidance on any of these aspects, I am more than willing to provide feedback and services related to brand identity.
</p>

Если бы кто-нибудь мог дать несколько советов, мы были бы очень признательны. Я просто хочу узнать немного больше о доступности и способах бесплатно сохранить хороший визуальный стиль.

Это просто акцент, который вам нужен? поэтому тот, кто произносит текст, может произнести его медленнее или громче, или есть ли какой-либо другой семантический оттенок, и именно здесь может возникнуть отметка.

A Haworth 11.08.2024 21:25
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
1
51
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Элемент <mark> не предназначен для обозначения акцента. Это для…

...текст, который помечен или выделен для справки или обозначения из-за релевантности отмеченного отрывка во включающем контексте.

Элемент <strong> здесь наиболее уместен. Это-

...используется для придания частям предложения дополнительной значимости.

<p>Having <strong class = "blue">authority</strong> over your brand is important in business. You decide how you want your brand to be <strong class = "blue">perceived</strong>, interacted with, and <strong class = "blue">connected</strong> to your community. If you ever need guidance on any of these aspects, I am more than willing to provide feedback and services related to brand identity.</p>

Как вы уже заметили, некоторые программы чтения с экрана приостанавливают работу при обнаружении встроенных тегов. В некоторых программах чтения с экрана есть настройки и режимы, которые предотвращают появление этой паузы. Но в любом случае это ожидаемое поведение, и использование <strong> — правильный способ обозначить эту семантику для всех пользователей, включая пользователей программ чтения с экрана.

Спасибо за объяснение. Мне просто показалось странным, что программы чтения с экрана останавливаются, но если это нормально, то хорошо. Еще раз спасибо.

Ethan Deardorff 12.08.2024 23:18

Другие вопросы по теме

Похожие вопросы