【问题标题】:Is there html or js code to give visual focus to a GoDaddy template SEND button if no access to original code如果无法访问原始代码,是否有 html 或 js 代码为 GoDaddy 模板发送按钮提供视觉焦点
【发布时间】:2019-03-23 15:23:56
【问题描述】:

我正在使用预格式化的模板创建 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>

我不是程序员,我希望尽可能多地了解细节。我可以查看页面源代码以获取标签和类名以根据需要引用。

【问题讨论】:

  • 请编辑您的问题以添加按钮代码,而不是放在评论中。

标签: javascript jquery css inline-styles wcag2.0


【解决方案1】:

在呈现的页面中包含或查找具有id 属性的元素。然后,运行以下 javascript:

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

如果打印了null,那么您的答案是否定的。其他任何事情,那么你的答案是肯定的。

【讨论】:

  • 除了表单标签 ID 之外,我看到的唯一 ID 出现在页面顶部 -
    。您能否键入我应该使用的确切代码,以便在关注“发送”按钮时创建蓝色边框颜色?如果我们无法识别正确的 id,是否有一种方法可以调用 Button 标签?我无权访问标题部分。我需要代码周围的
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2011-04-27
  • 1970-01-01
  • 2020-12-22
  • 2013-12-23
  • 2020-01-11
  • 2023-03-08
  • 1970-01-01
相关资源
最近更新 更多