我们正在运行一个网站并有第3方跟踪像素，但在我们的网站上进行webaim/WCAG2.0扫描时，我们收到alt属性错误。我不确定在这种情况下跟踪像素是否真的需要仍然有一个空白的alt属性，或者某些屏幕阅读器是否仍会读取src？ 最佳答案 alt=""是这种情况下最合适的方法-它告诉屏幕阅读器该图像纯粹是装饰性的，应该被忽略。由于跟踪像素不会在视觉上传达信息，因此从这个角度来看，它们本质上是装饰性的。如果没有ALT，一些屏幕阅读器将回退到阅读图像名称(不带扩展名)，而这通常是您不希望看到的。某些屏幕阅读器(JAWS)可能会忽略1x1或
每次创建HTML5页面时，我都会为将主页标题放在哪里而苦恼。每个人都以不同的方式处理这个问题......情况是这样的:假设我有一个名为“Meo的前端冒险”的网站。在这个站点上有一个名为“AbracadabraSemantics”的页面，其副标题并不重要，例如“loremipsumdelor”网站顶部还有一个导航、一个页脚和一些内容。在HTML4.0中我会这样做:-div.header+div.nav+a.siteName:"Meo'sfrontendadventures"-div.contents+h1.pageTitle:"AbracadabraSemantics"+strong.l
我正在尝试为的标题属性设置样式使用CSS。所以这就是我所做的:input[type="text"][title]{font-style:italic;color:gray;}它工作正常，但是当我在字段中输入数据时，数据是灰色和斜体的。我希望数据(值)是正常的和黑色的，只有标题是斜体和灰色的。有什么想法吗？ 最佳答案 您可以使用CSS3执行自定义解决方案。看看HowtochangethestyleofTitleattributeinsidetheanchortag?.但我可能会建议您使用自定义字段，例如“数据标题”，这样浏览器的默认行
我有一个Joomla页面(v3.2.4)，我在其中使用PHP放入了一些动态开放图谱标签，如下所示:PHP，在标签之前:$getcid=JRequest::getVar('id');if(!isset($getcid)){$title="LIVAKurser";$description="Danmarksstørsteudbyderafkursertilsåveloffentligeogerhvervsamtprivate.";$image="http://www.livakursertestsite.dk/images/liva-logo.jpg";$type="website";}e
以上截图来自Firefox。光标悬停在图像左侧的黄色点上。这是一个元素(实际上它是一个图像和一个包含单个圆形元素的图像映射，但我认为这种区别并不重要)已在JavaScript中创建和设置样式，包括应用title属性(通过切割和构建)粘合字符串)。我怎样才能让它表现出来并显示预期的字符，一个破折号，而不是–？它适用于innerHTML(左上角的文本“Barrow-In-Furness”是一个div，它也是使用JavaScript及其innerHTML集创建的。)编辑:回应Domenic的问题:这是构建和应用title属性的JavaScript函数(除了执行其他工作之外):va
我正在使用Angular-Translate2.6.1开发AngularJS应用程序。我有一个带有title属性的跨度将被翻译，但它也需要显示一个变量。...我尝试用{{Value}}替换“Value”，带引号和不带引号。值在范围内定义，我可以在过滤器外使用{{Value}}访问它。到目前为止，我在Angular-Translate中使用变量替换的唯一幸运是使用了translate指令(例如...)，但这似乎不是一个选项。是否可以在这样的过滤器中进行变量替换，或者我是否需要寻找其他解决方案？编辑:为了便于阅读，这里是解决方案:... 最佳答案
更具体地说，我想通过引用外部JSON文件来添加标题，我们称它为titles.json。我使用grunt的其中一件事是构建用于设计和调试的静态HTML文件。这在开发过程中非常有用，不仅对标题而且对其他潜在数据也是如此，例如设置事件导航链接。我目前正在使用此处接受的答案所描述的过程连接HTML文件:Usinggruntconcat,howwouldIautomatetheconcatenationofthesamefiletomanyotherfiles?编辑:我现在使用assemble为此，创建它是为了使使用模板和外部数据变得非常容易。 最佳答案
有没有办法给内联SVG一个alt标签？这是我的内联SVG代码，但是alt标签没有显示(而且我什至不确定我对alt标签进行编码的方式是有效，在线搜索澄清后):这是JSFiddle:http://jsfiddle.net/FsCMM 最佳答案 您应该使用title元素而不是alt标签来显示工具提示:Helloworld!对于chrome34:用g元素包裹图形并向其插入title元素。Helloworld! 关于html-内联SVG可以使用Alt标签吗？，我们在StackOverflow上找到
虽然建议使用title上的属性元素，这对屏幕阅读器没有影响(至少对chromevox没有影响)。ASAP有效的当然是aria-label例如:ASAP因此，为了既语义正确又兼容屏幕阅读器，我需要同时标记:ASAP这看起来有点乱。为什么chromevox不直接读取标题属性？ 最佳答案 简而言之:尽管有WCAG建议，abbr不是向所有人解释缩写含义的完美解决方案，aria-label当你想宣布缩写的发音时应该使用。屏幕阅读器不应该阅读title属性，因为它无意取代aria-label.另见W3警告:http://www.w3.org/T
我了解title和alt属性的用途，但我只是不了解它们的最佳用途，或者我是否可以使用相同的title/alt不止一次。例如，以一个关于狗的网站为例:根据我的理解，所有img标签都需要一个alt属性:对同一主题的多张图片使用相同的alt属性是好的做法吗？在每个标签中使用title/alt属性是好的做法吗？多次使用同一属性会怎样？例子:DogsDogsDogsDogsDogs我的理解是title属性充当将鼠标悬停在文本上时出现的工具提示。这种事情必须在较新的浏览器中完成，但alt和title曾经在旧浏览器中做同样的事情。这些属性还可以作为搜索引擎识别您的网站的一种方法。
