DDOS防御专家-提供超强DDoS高防/CC防护/大流量清洗服务!
当前位置:主页 > DDOS防御 > 正文

ddos高防_高仿衣服哪里的货最好_超高防御

06-12 DDOS防御

ddos高防_高仿衣服哪里的货最好_超高防御

产品与工程2016年10月14日齐康妮Duo的无障碍问题在过去的几个月里,我们一直致力于让我们的用户更容易访问Duo认证提示符。我们正在与WebContentAccessibilityGuidelines(WCAG)2.0保持一致,这是创建可访问网站的最广泛使用的标准集。它基于4个原则:网站是可感知的,可操作的,可理解的和健壮的。对于这些原则,有各种各样的成功标准,以及可以用来满足它们的特定技术。很多技术都是简单明了的,但是我们遇到了一些问题,没有一个明确的答案,我们需要创新。让我们看看Duo Authentication提示符中的注册过程中的几个例子。作为视觉提示的替代品的纯屏幕阅读器内容有时前端开发人员使用图标和动画在屏幕上传达信息,这些对于有视力的用户来说真的很好。但它们不包含盲人和低视力用户能够消化的信息。这些用户可能会使用屏幕阅读器朗读屏幕上的内容。一些屏幕阅读器还包括放大工具,ddos20防御,以使内容更直观地访问。常用的屏幕阅读器是mac上的VoiceOver或Windows的非视觉桌面访问(NVDA)屏幕阅读器。图标和动画包含屏幕阅读器可能无法访问的信息。一个例子是我们的绿色复选标记图标,当验证代码被验证时会显示出来。如果代码不正确,则显示红色X:对于视力正常的用户来说,这很容易理解,但是不幸的是,对于使用屏幕阅读器的视力受损的人来说,这种反馈是不可用的。屏幕上除了图标外,没有其他任何东西表明代码是正确的。因此,除了设置选中标记的动画外,我们还为屏幕阅读器添加了帮助文本,这些文本将提供相同的信息。我们是这样做的:我们为屏幕阅读器文本添加了一个范围,这也是一个可访问的富互联网应用程序(ARIA)活动区域:2。输入您的6位代码:

验证

查看原始验证码-字段集.html托管❤ 通过GitHub一点关于ARIA活动区域的知识——在过去,防御无上限ddos,屏幕阅读器只能知道页面加载时DOM中的内容。这意味着他们会错过页面上动态更改的任何内容。咏叹调创造了满足这一生活需要的区域。在元素上设置一个可以让屏幕阅读器知道监视该元素的更新;然后他们可以让用户知道更改。将aria live属性设置为politive可打开活动区域。礼貌的意思是屏幕阅读器应该等到用户完成当前任务(例如在字段中键入内容)后再阅读更新。这是活动区域更常用的设置。也可以使用断言,但它会打断用户,防御ddos报价,因此应该谨慎使用,因为它会产生更不和谐的体验。默认设置为禁用。回到我们的屏幕阅读器文本,我们需要做的就是在显示选中标记或X的同时将span的文本设置为消息。如果(响应代码=="有效"){//验证码正确$('.validation').removeClass('invalid').addClass('valid');$('.verify btn wrapper.screen reader text').text('Code verified');}其他{//验证码不正确$('.validation').removeClass('valid').addClass('invalid');$('.verify btn wrapper.screen reader text').text('无效代码');}查看原始验证-代码.js托管❤ 通过GitHub对活动区域的一个警告是,它们只能告诉屏幕阅读器屏幕上呈现的元素。但理想情况下,我们希望为有视力的用户隐藏消息,因为他们已经有了反馈的复选标记。使用display:none或visibility:hidden对元素进行样式化会将元素完全隐藏在屏幕阅读器中,通过cdn防御ddos,因此这对我们不起作用。有很多方法可以直观地隐藏文本,其中最广为讨论的是-9999px方法。但是对于这种方法,浏览器实际上在隐藏内容周围画了一个9999px的框。因为许多用户从移动设备访问Duo认证提示符,这是我们关心的性能问题。还有clip方法,但是clip CSS属性现在已被弃用,而且它的后继者clip path在IE和Edge中不受支持,这两个我们都支持。这就是最终为我们工作的原因:.屏幕阅读器文本{位置:绝对;宽度:1px;高度:1px;溢出:隐藏;}查看原始屏幕阅读器-文本.css托管❤ 通过GitHub对于我们希望只对屏幕阅读器可见的文本,我们添加了这个类。这是因为:1x1像素外的所有文本都被overflow:hidden剪裁像素在屏幕上呈现,因此屏幕阅读器可以访问它的文本没有背景色,所以有视力的用户看不到任何东西position:absolute将其从页面流中移除,这样就不会影响其他元素因此,通过用一条消息更新一个活动区域并在视觉上隐藏它,我们为屏幕阅读器用户提供了屏幕上视觉信息的文本版本。标题与图例?Duo Authentication提示符是一个可嵌入的iframe,其中每个页面通常有一个表单元素:从wcag2.0中,我们了解到对于窗体来说,具有带有相关控件图例的字段集是很重要的。例如,在上面的表单中,我们可以按带有"电话号码"图例的字段集对控件进行分组。每个页面都有一个标题,并且页面上的所有标题都要嵌套(例如,h1后跟h2,h2后跟h2或h3,h3后跟h3或h4)。这使得屏幕阅读器用户更容易找到方向——他们可以快速跳过页面上的所有标题,从而了解页面上的内容。那么当我们的页面只包含一个表单时会发生什么呢?最初我们认为表单元素的连接更重要,服务器集群可以防御cc吗,我们不想重复信息,比如标题下写着"输入您的电话号码"以及一个图例"电话号码"。但事实证明,两者兼备很重要。标题和图例都使页面结构可用于辅助技术,它们有不同的用途-一个是在页面首次加载时进行查找,另一个是使表单更易于理解。在这种情况下,两者都不重要。我们的解决方案是保持页面上的标题不变,并在每个表单上添加图例。我们用上面的screen reader text类隐藏了图例,这样我们的小页面就不会被文本淹没,而且屏幕阅读器仍然可以访问它。iframe中的页面导航可访问性的另一个重要方面是在导航到新页面时通知用户。在正常页面导航期间,屏幕阅读器将读取新页面元素的文本内容。但是当导航发生在iframe内部时,比如在Duo身份验证提示符中,屏幕阅读器的行为是不一致的。有些软件,比如VoiceOver,会读取iframe中HTML上的元素;而像NVDA这样的其他软件则什么也不说。为了解决这个问题,我们将重点放在每页的标题上:导出函数setScreenReadTitle(){const$heading=$('h1').first();//如果标题存在,而其他内容没有焦点如果($标题.长度&& $(文档.activeElement).is('body')){$标题.attr('tabindex',-1);$标题。焦点();}}查看原始聚焦iframe-标题.js托管❤ 通过GitHub使用负tabindex设置允许我们以编程方式设置焦点(是一个通常无法接收焦点的元素)。在每次页面加载时,我们调用这个函数,屏幕阅读器将能够宣布新页面是什么。我们做的最后一件事是给加上轮廓:没有隐藏可见的

版权保护: 本文由 DDOS防御专家 原创,转载请保留链接: http://www.ddosgb.com/ddos1/60531.html

DDoS防御专家简介孤之剑
国内资深白帽子二十人组成员,前BAT资深网络安全工程师,知名网络安全站点板块大神,每年提交Google及微软漏洞,原sina微博负载插件开发者,现在整体防御复合攻击长期接受1-4.7T攻击,CC防护自主开发指纹识别系统,可以做到99.9999%的无敌防御。
  • 文章总数
  • 8556893访问次数
  • 建站天数

    DDOS防御

    ddos防御

    cc防护

    web安全

    高防服务器

    高防cdn


    QQ客服

    400-0797-119

    X