accessibility

To target=_blank or not to target=_blank, that is the question!

由 点点圈 提交于 2019-12-20 10:22:50
问题 Should links to external sites set target=_blank? E.g. I am on www.acme.net and have a link to www.otherplace.net, should that link be: <a href='http:// www.otherplace.net' target='_blank'>otherplace's website</a> or: <a href='http:// www.otherplace.net'>otherplace's website</a> I was under the impression that using _blank to sites outside your domain was best practice, but now I am being told otherwise. 回答1: Some web idealists will state that you should allow the user to make their own

Javascript and Accessibility

由 孤人 提交于 2019-12-20 09:39:41
问题 As a web developer, a number of the projects I work on fall under government umbrellas and hence are subject to 508 Accessibility laws, and sometimes W3C accessibility guidelines. To what extent can JavaScript be used while still meeting these requirements? Along these lines, to what extent is JavaScript, specifically AJAX and using packages like jQuery to do things such as display modal dialogues, popups, etc. supported by modern accessibility software such as JAWS, Orca, etc? In the past,

aria-live and JAWS

由 馋奶兔 提交于 2019-12-20 09:37:42
问题 I'm trying to get an aria-live region to work correctly with JAWS 11 and IE8. Using the code below, I can get JAWS to announce the new value when the button is clicked, but the behaviour is not what I would expect. JSFiddle of this example <!DOCTYPE html> <html> <head></head> <body> <button onclick="document.getElementById('statusbar').innerHTML = parseInt(document.getElementById('statusbar').innerHTML) + 1">Update</button> <div id="statusbar" aria-live="polite">0</div> </body> </html> Using

Proper ARIA handling of breadcrumb navigation

由 ↘锁芯ラ 提交于 2019-12-20 09:23:52
问题 What can be done to improve the accessibility of a breadcrumb menu similar to: <ul class="breadcrumbs" aria-label="breadcrumb navigation" role="navigation"> <li><a href="~/">Home</a></li> <li><a href="~/news">News</a></li> <li class="unavailable"><a href="#">@Model.Title</a></li> </ul> Given in this example Home is the site root, News is the first child, and the unavailable class is the current item the /news/article item. Is there anything that could be done to improve this such as using rel

H1 in article page - site title or article title?

由 心不动则不痛 提交于 2019-12-20 09:21:44
问题 Within an article-oriented page (such as a blog post), the <h1> element (level 1 heading) is commonly used to markup either: the blog title (i.e. the often-large site title at the top of the page, not to the <title> element), or the article title What is the best choice and why? To the site owner, who may want to shout out to the world the name of their site/blog, using a level 1 heading around the site title might seem to make sense. From the perspective of what you are trying to communicate

Using regular expressions to find img tags without an alt attribute

由 天大地大妈咪最大 提交于 2019-12-20 08:44:06
问题 I am going through a large website (1600+ pages) to make it pass Priority 1 W3C WAI. As a result, things like image tags need to have alt attributes. What would be the regular expression for finding img tags without alt attributes? If possible, with a wee explanation so I can use to find other issues. I am in an office with Visual Web Developer 2008. The Edit >> Find dialogue can use regular expressions. 回答1: This is really tricky, because regular expressions are mostly about matching

aria-labelledby not working with NVDA/Firefox

由 强颜欢笑 提交于 2019-12-20 05:17:27
问题 I need some help to make NVDA screen reader read a custom description of a math expression I've written in my index.html. The math expression is inside of a sentence. So it looks pretty much like this: <div> some text here... ε<sub>x</sub> = -200(10<sup>-6</sup>), ε<sub>y</sub> = 550(10<sup>-6</sup>), γ<sub>xy</sub> = 150(10<sup>-6</sup>) some more text here... <div> The problem is that screen readers do not read the superscripts nor the minus symbols. To fix this problem I added a aria

aria-labelledby not working with NVDA/Firefox

由 不羁岁月 提交于 2019-12-20 05:17:09
问题 I need some help to make NVDA screen reader read a custom description of a math expression I've written in my index.html. The math expression is inside of a sentence. So it looks pretty much like this: <div> some text here... ε<sub>x</sub> = -200(10<sup>-6</sup>), ε<sub>y</sub> = 550(10<sup>-6</sup>), γ<sub>xy</sub> = 150(10<sup>-6</sup>) some more text here... <div> The problem is that screen readers do not read the superscripts nor the minus symbols. To fix this problem I added a aria

Making an h2 tag with a strong tag inside accessible

由 拟墨画扇 提交于 2019-12-20 04:16:06
问题 So this may seem like a very simple question but I can't get my head around it. I have the following HTML: <h2>word 1 - <strong> word 2 </strong></h2> I know that this isn't semantically correct and I shouldn't have a strong inside a heading, but due to design requirements I need to bold the second word but not the first one. I'm trying to make sure that this text is still accessible, but when I use a screen reader it gives me weird readings. I'm guessing it is because of the <strong> tag

AccessibilityHint for Back Button in Navigation Controller for VoiceOver

由 岁酱吖の 提交于 2019-12-20 04:10:51
问题 Is there any way to set accessibilityHint for back button? I would like that voiceover read first "Back Button" and after this Hint e.g. "Double tap to go back to select a building screen" I'm trying to do it that way but it's not working: in viewDidLoad: [super viewDidLoad]; // back button without any text just back arrow UIBarButtonItem *backBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"" style:UIBarButtonItemStylePlain target:nil action:nil]; self.navigationItem
订阅 accessibility