javascript

java

python

c#

android

c++

node.js

php

html

jquery

ios

reactjs

css

.net

git

ruby-on-rails

sql

c

ruby

string

CSS-display:none vs visible:hidden vs text-indent:9999屏幕阅读器的行为如何?

对于屏幕阅读器用户来说,这三个有什么区别?

trans by 2020-08-11T21:21:18Z

CSS-我们可以在<ul>和<li>中使用其他任何TAG吗?

我们可以在<ul><li>中使用其他任何TAG吗?

喜欢

<ul>
Some text here or <p>Some text here<p> etc
<li>item 1</li>
Some text here or <p>Some text here<p> etc
<li>item 1</li>
</ul>
trans by 2020-07-28T16:38:01Z

html-XHTML5与HTML5有什么不同?

XHTML5与HTML5有什么不同? 我知道XHTML5是该语言的XML形式,而HTML5是该语言的SGML形式,这意味着明显的语法差异。 还会有其他差异吗? XHTML5是否会淘汰HTML5并未弃用的完全毫无价值的元素? XHTML5将以架构而不是doctype编写吗? XHTML5会施加结构验证,而不是仅仅说明什么是子项吗? XHTML5会提供HTML5中没有的可访问性优势吗? XHTML5会提供任何安全性增强吗?

请分享您关于声称是网络未来的任何知识吗?

trans by 2020-07-22T23:40:44Z

可访问性-将HTML'label'标签与单选按钮一起使用

label标签可用于单选按钮吗? 如果是这样,您如何使用它? 我有一个显示如下的表单:

First Name: (text field)
Hair Color: (color drop-down)
Description: (text area)
Salutation: (radio buttons for Mr., Mrs., Miss)

我想对左列中的每个标签使用label标签,以定义其与右列中相应控件的连接。 但是,如果我使用单选按钮,该规范似乎表明表单控件的实际“ Salutation”标签突然不再属于label标记,而是选项“ Mr.,Mrs.等”。 进入option标签。

我一直是可访问性和语义网的粉丝,但是这种设计对我来说没有意义。 label标记显式声明标签。 option标签选择选项。 如何在一组单选按钮的实际标签上声明label

更新:这是带有代码的示例:

<tr><th><label for"sc">Status:</label></th>
    <td>&#160;</td>
    <td><select name="statusCode" id="sc">
            <option value="ON_TIME">On Time</option>
            <option value="LATE">Late</option>
        </select></td></tr>

这很好。 但是与其他表单控件不同,单选按钮的每个值都有一个单独的字段:

<tr><th align="right"><label for="???">Activity:</label></th>
    <td>&#160;</td>
    <td align="left"><input type="radio" name="es" value="" id="es0" /> Active &#160;
        <input type="radio" name="es" value="ON_TIME" checked="checked" id="es1" /> Completed on Time &#160;
        <input type="radio" name="es" value="LATE" id="es2" /> Completed Late &#160;
        <input type="radio" name="es" value="CANCELED" id="es3" /> Canceled</td>
</tr>

该怎么办?

trans by 2020-07-03T18:09:25Z

html-可以盲目使用<strong>代替<b>吗?

注意:我知道<b>是演示性的,而<i>是更好的方式,并且<strong><em>是重点,但是我的问题不在于此。


我们应该将每个<b>盲目转换为<i>吗? 许多人这样做,他们认为<strong>不符合Web标准,因此他们在网站重新设计,内容重新填充,新网站设计时将每个<em>转换为<strong>,人们也建议这样做。


Dreamweaver还提供了将所有<b>560和<i>转换为<strong><em>在设计视图中以及我们盲目使用B和I时在代码粘贴上的选项。

替代文字[http://shup.com/Shup/280420/1101118332-My-Desktop.png]

Dreamweaver(如果选中了上述选项)和许多在线所见即所得编辑器在<b><i>中提供输出,而按钮显示B和I。

替代文字[http://shup.com/Shup/280425/1101118921-My-Desktop.png]

我认为这会造成对<b><i>的误解


当我们从客户那里获得内容时,我们不知道客户要在哪里强调,他只是在哪里想使用粗体文本进行演示。 在这种情况下我们该怎么办? 没有人有时间给每个实例(我们和客户)决定是<b>还是<i><strong><em>

如果我们说我们的网站可以访问,那么将每个<b><i>盲目转换为<strong><em>的利弊是什么?


更新:请记住,不赞成使用<b>560和<i>,它们属于HTML 5规范

trans by 2020-07-01T20:59:27Z

CSS-为<ul>或<ol>编写标题/标题的最佳方法是什么,就像我们在<table>中具有<caption>一样?

编码<ul>或26895140683267450450的标题/标题的最佳方法是什么? 就像我们在<table>中有<caption>一样,我们不想让它们加粗。

这个可以吗?

<p>heading</p>
<ul>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
</ul>

还是应该始终使用标题?

<h3|4|5|6>heading</h3|4|5|6>
<ul>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
</ul>
trans by 2020-01-05T17:27:24Z

新窗口图标(用于Web辅助功能)

是否有默认,标准,推荐或众所周知的图标表示链接将打开一个新的浏览器窗口?

这是出于Web可访问性的原因。 还是基本上所有人都免费?

我意识到,那些能够充分利用它们的用户(使用屏幕阅读器)甚至不会在乎图像的外观,而对替代文本更感兴趣。

决定去这个:![new window icon][1].

除非有人可以提出更广泛采用的建议?

trans by 2019-12-25T13:53:30Z

辅助功能-Safari忽略tabindex

我在一个文本框旁边有两个按钮,在这两个按钮之后有另一个文本框。 第一个文本框的tabindex为1000,第一个按钮为1001,第二个按钮为1002。第二个文本框的tabindex为1003。

当我按tab时,tabindex在Safari之外的所有浏览器中都可以正常工作,尽管Safari浏览器可以正确地将tabindex从第一个文本框移至第二个文本框。 关于如何预防此问题的任何想法?

trans by 2019-11-11T12:07:18Z

html-文章页面中的H1-网站标题还是文章标题?

在面向文章的页面(例如博客文章)中,<h1>元素(1级标题)通常用于标记:

  • 博客标题(即页面顶部通常是较大的网站标题,而不是<h1>元素),或者
  • 文章标题

最佳选择是什么,为什么?

对于网站所有者来说,他们可能想向世界大喊他们的网站/博客的名称,在网站标题周围使用第1级标题似乎很有意义。

从您试图与用户进行交流的角度来看,网站标题的相关性较低-文章内容是您尝试交流的内容,所有其他网站内容都是次要的。 因此,使用<h1>作为文章标题似乎最好。

我觉得<h1>元素应重点放在文章标题上,而不是网站标题或其他内容上。 无论如何,这似乎不是流行的惯例。

例子:

  • Joel Spolsky使用<h1>作为文章标题,并使用锚作为网站标题
  • Jeff Atwood完全不使用<h1>,文章标题使用<h1>,网站标题使用锚点
  • 37 Signals的SVN使用<h1>作为网站标题,并使用锚作为文章标题。

这是跨三个站点的三种不同方法,您可能会强烈考虑正确的语义标记。

我认为乔尔(Joel)与杰夫(Jeff)紧随其后。 我对37Signals的标记选择感到非常惊讶。

对我来说,这似乎是一个简单的决定:与商品消费者最相关的是什么? 文章标题。 因此,将文章标题包装在<h1>元素中。 做完了

我错了吗? 我还需要进一步考虑吗? 我对吗? 如果是这样,为什么“ <h1>文章标题”方法不更常用?

正如我所说的那样,在哪里使用<h1>元素的决定是否不变? 还是有一些主观考虑要考虑?

更新:感谢到目前为止的所有答案。 对于将2608803365878878498304用作文章标题而不是网站标题如何提高可用性和可访问性(视情况而定,是否可行),我真的很感激。 基于事实的答案,而不只是个人的假设,将获得许多奖励积分!

trans by 2019-11-11T01:10:07Z

辅助功能-iOS Voiceover状态

我正在尝试将辅助功能添加到已经开发的iOS应用中。

如果iPhone的辅助功能菜单中的VoiceOver选项处于打开状态,我希望它们显示几个UI功能(例如按钮),而如果禁用Voiceover,则不显示它们。

有没有办法检查画外音选项是否打开?

trans by 2019-10-09T17:39:14Z

html5-可访问性:推荐用于SVG和MathML的替代文本约定吗?

概观

HTML5现在允许使用HTML文档对titledesc进行标记,而无需依赖外部名称空间(此处的详细介绍)。 两者都有自己的alt-属性类似物(见下文),今天的屏幕阅读器软件实际上将其忽略。 因此,盲人无法访问这些元素。

是否有计划为这些新元素实施标准的替代文本约定? 我已经搜索过文档,并且干了!

更多详情

关于SVG:可以将SVG的替代文本视为根titledesc标签的内容。

<svg>
  <title>An image title</title>
  <desc>This is the longer image description</desc>
  ...
</svg>

我找到了一个这样阅读的屏幕阅读器,但这是标准吗? 以前插入SVG的方法也存在可访问性问题,因为屏幕阅读器会不一致地处理title标签。

关于MathML:MathML的替代文本应存储在title属性中。

<math alttext="A squared plus B squared equals C squared">
  ...
</math>

由于屏幕阅读器似乎没有意识到这一点,因此数学渲染库MathJax在运行时将文本插入到title属性中。

<span aria-label="[alttext contents]">...</span>

不幸的是,NVDA,JAWS和其他工具也无法可靠地读取这些标签。 (有关WAI-ARIA的更多信息)

关于这两个方面:由于在很大程度上不受支持的ARIA属性缺乏成功,我尝试使用title属性。 这些“外国” HTML元素似乎也被忽略了。

包起来

我正在寻找一种推荐的方法,以在这些新的HTML元素上放置替代文本,而不只是快速的技巧。 也许我忽略了W3C规范? 还是在游戏中还为时过早?

trans by 2019-10-03T17:15:44Z

可访问性和所有这些JavaScript框架

一段时间以来,我一直在研究一些JavaScript框架,例如Backbone.js和Batman.js,尽管我真的很喜欢它们,但我有一个ni琐的话题要回头再谈。 那个问题是可访问性。

作为Web开发人员,我一直试图使我的网站和应用程序具有可访问性,尤其是使用渐进增强的想法。

显然,这些新的JS框架开箱即用,不会优雅地降级,因此我想知道其他开发人员在此问题上有何想法,您对此打算做什么。 毕竟,在许多国家/地区,网站/应用的可访问性并不是一项可选的事情,因为它是法律的一部分。

也许我只是对这个话题过于热心,而没有意识到在可访问性方面已经走了多远。

trans by 2019-10-01T16:28:24Z

辅助功能 - 如果知道背景颜色,如何找到漂亮的字体颜色?

似乎有很多色轮,颜色选择器和颜色匹配器网络应用程序在那里,你给出一种颜色,他们会发现一些其他颜色,当组合使用时将创建谐波布局。 但是,它们中的大多数仅关注背景颜色,并且在每种背景颜色上打印的任何文本(如果在预览中完全打印文本)是黑色或白色。

我的问题不同了。 我知道我想用于文本区域的背景颜色。 我需要帮助的是选择几种颜色(更多,更好,我可以在这个背景上用作字体颜色)。 最重要的是,颜色将确保字体是可读的(对比度不是太低,也可能不是太高,以避免眼睛受到压力),当然,前景和背景的组合看起来很好。

有人知道这样的申请吗? 我更喜欢Web应用程序,我需要下载任何内容。 谢谢。

trans by 2019-09-12T22:38:09Z

macos - 如何在Firefox中允许键盘的键盘焦点?

在Webkit浏览器中转到这个超简单的小提琴,然后单击输入:

[http://jsfiddle.net/eK4TT/]

<input type="text">
<input type="text">
<input type="text">
<a href="#">my first link</a>
<a href="#">my second link</a>
<a href="#">my third link</a>

然后,请注意您可以使用Tab键(和Shift + Tab以相反的顺序导航)键盘浏览输入和链接。

现在,看看Mac OS上Firefox中的同一个小提琴并做同样的事情。 输入获得焦点,但链接不会获得焦点。 它不是CSS显示问题。 焦点从最后一个输入跳到URL栏。

我在标记中尝试了tabindex声明的无限组合,但没有用,例如:

[http://jsfiddle.net/eK4TT/1/]

到底发生了什么事? 我会接受任何答案:

a)在Firefox中工作的小提琴
b)解释Mozilla头脑中究竟发生了什么。 它似乎与规范相矛盾。

trans by 2019-08-27T15:05:45Z

辅助功能 - HTML img标签:标题属性与alt属性?

我正在浏览亚马逊,我注意到当搜索“1TB”时如果将鼠标光标悬停在星级评分图像上,则只有使用IE才能看到分数。 如果您使用其他浏览器,则不会显示分数。

评级为3.8和4.2的评级均显示为4星。 当然3.8星与4.2星(76%vs 84%得分)可能会有所不同!

这是因为显示title文本的标准方式仅在用户关闭图形或浏览器“读出”时(例如视觉障碍用户的浏览器)。 然而,IE在悬停时显示它。

所以我认为如果亚马逊要显示它而不管用户的浏览器,那么除了alt之外还应该使用245895833303489021.您同意吗?

trans by 2019-07-30T16:11:09Z

辅助功能 - 没有JavaScript的默认html表单焦点

是否可以在不使用JavaScript的情况下在HTML表单上设置默认输入焦点,例如:

<html>
  <form>
    Input 1: <input type="text" name="textbox1"/>
    <br/>
    Input 2: <input type="text" name="textbox2"/>
  </form>
</html>

我想在不使用JavaScript的情况下加载表单时将默认焦点设置为任一文本框(因为我希望在用户禁用js时发生这种行为)。

trans by 2019-05-07T22:56:42Z

c# - 使用UI自动化的Google Chrome访问者树缓存问题

当用户在浏览器中向下滚动时,Google Chrome不会刷新辅助功能元素(AutomationElement)。

重现它:

  1. 启用渲染器辅助功能:PInvoke/MoveWindow或通过设置全局辅助功能"chrome://accessibility"
  2. 转到[http://en.wikipedia.org/wiki/Google]
  3. 在UI自动化模式下打开inspect.exe(从Windows Kits),查找“链接到相关文章”元素。
  4. 回到Chrome,向下滚动,直到底部显示“链接到相关文章”
  5. 屏幕上标有“相关文章的链接”元素

我找到了一些可以强制Chrome刷新它的手动解决方案:

  1. 将缩放设置为90%然后将其设置为100%(非常非常难看)
  2. 关闭可访问性,然后在PInvoke/MoveWindow中打开

我正在寻找的是能够以编程方式执行这些操作之一,或任何可以使Chrome刷新其缓存树的操作。


我尝试过的:

  • 使用PInvoke/MoveWindow调整窗口大小
  • Redraw Window with chrome.tabs.setZoom(null, 0);
  • 构建镀铬扩展并按需强制缩放至100%:chrome.tabs.setZoom(null, 0);(工作但闪烁并减慢窗口速度)

这些都没有正常工作。

编辑:在Windows 7下使用Google Chrome 40.XX,41.XX,42.XX,43.XX,44.XX,45.XX,46.XX,47.XX.Dev,48.XX.Dev进行测试。

trans by 2019-04-22T17:24:35Z

辅助功能 - 有没有办法将Python代码中的缩进转换为大括号?

我是一个完全盲目的程序员,想学习Python。 不幸的是,代码块用不同的缩进级别表示的事实是一个主要的障碍。 我想知道是否有任何可用的工具允许我使用大括号或其他代码块分隔符编写代码,然后将该格式转换为Python解释器可以使用的正确缩进表示形式?

trans by 2019-04-14T16:23:08Z

html - 输入类型=“提交”Vs按钮标签是否可以互换?

input type="submit"button标签是否可以互换? 或者,如果有任何差异,那么何时使用input type="submit"button

如果没有区别那么为什么我们有2个标签用于相同的目的?

trans by 2019-03-31T07:41:36Z

可访问性 - 有人可以解释HTML5 aria- *属性吗?

我想知道aria-*属性的用途。 他们可以拥有什么价值,他们是定义价值还是我可以创造自己的价值观?

trans by 2019-03-21T01:42:54Z

1 2 下一页 共2页