Блог

Я создаю веб-страницу GoDaddy, используя предварительно отформатированный шаблон, который не указывает визуальный фокус на кнопку отправки формы «Связаться с нами». Чтобы моя форма соответствовала рекомендациям по обеспечению доступности WCAG, активные элементы должны отображать визуальный фокус; однако это шаблон, и у меня нет доступа к коду для прямого изменения стилей.

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

Ниже приведен код тега кнопки, скопированный из исходного кода страницы с помощью Inspect:

 <button tccltracking="click" data-ux="Button" type="submit" data-aid="CONTACT_SUBMIT_BUTTON_REND" data-tccl="ux2.contact.submit_form.click,click" class="x-el x-el-button c2-1 c2-2x c2-2y c2-2u c2-2v c2-2z c2-30 c2-3 c2-31 c2-32 c2-r c2-33 c2-1v c2-b c2-26 c2-d c2-e c2-2b c2-34 c2-2i c2-35 c2-36 c2-4 c2-5 x-d-ux x-d-aid x-d-traffic2 x-d-tccl">Send</button>
  

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

Включите или найдите элемент на вашей отображаемой странице с id атрибутом. Затем запустите следующий javascript:

 let id = '<the id that you want>'
let element = document.findElementById(id)
console.log(element)
  

если null напечатано, то ваш ответ «нет». Что-нибудь еще, тогда ваш ответ «да».