screen-readers

What is the biggest cons to use position: absolute & top/left over Float & margin+padding, If site is fixed width (970px), centered?

◇◆丶佛笑我妖孽 提交于 2019-12-04 07:34:08
What is the biggest disadvantage to use CSS positioning( From Dreamweaver AP Div ) for everything instead Float for fixed width, centered website? if I don't care for Mobile users Small screen users (smaller than 1024 px screen size) But I care for Screen reader user All browser user (including IE6) If you don't care about small resolution, it's just a question of flexibility : when you use absolute positionning, you break the flow. So, everything must be exactly sized. For many elements or situations (make a perfect image title...), it's the best (and sometimes unique) choice. Most of time,

Force screen reader to read one letter at a time rather than the entire word

折月煮酒 提交于 2019-12-04 07:24:59
I'm building an HTML webpage that contains the following content: In order to proceed, please enter this code: GJBQTCXU "GJBQTCXU" is a code comprised of a string of letters; however, screen readers attempt to pronounce this as a single word. How can I stop them from attempting to pronounce this nonsensical word and instead get it to read one letter at a time: "G J B Q T C X U". As clarification, I'm building this page so that screen readers automatically do the right thing. I know that users can choose to have their reader pronounce each letter at a time, but I don't want my users to have to

Text console for development in JAWS?

天大地大妈咪最大 提交于 2019-12-04 04:04:53
I'm working on a web application and I want to make it easy to use via screen reader. Testing stuff in JAWS is time consuming. Is it possible to make JAWS display text instead of reading it? I don't want actually to hear the content during development. I just want to see what would be read by JAWS. There is no speech viewer for Jaws, as far as I know. However, you can make it write all speech output to a log file using the "/z" switch. Unfortunately, you cannot view the log file in a text editor while the screen reader is running, because it is locked. Open a command prompt or bring up the Run

Is alt the same as alt=“”?

偶尔善良 提交于 2019-12-04 03:51:26
问题 I'm adding alt attributes to all my images to improve SEO/screen reader performance. Per best practice, images that are purely aesthetic should have an empty alt attribute alt="" so screen readers skip over them. I'm in WordPress and noticed it does add alt to these descriptionless aesthetic images, but not alt="" . Does alt get read the same as alt="" by screen readers and search engine crawlers, or should I go in and programatically force an alt="" ? 回答1: Yes, it's the same: https://www.w3

Difference between aria-label and aria-labelledby

一曲冷凌霜 提交于 2019-12-03 09:39:43
I found 2 ways of marking a zone with aria- attributes. First one: <div class="main" role="main" aria-label="Search results"> <a href="">Blah-blah</a> Second one: <div class="main" role="main" aria-labelledby="res1"> <h2 id="res1" class="a11y">Search results</h2> <a href="">Blah-blah</a> JAWS reads them absolutely the same. So, what is the difference and what would you choose? This site gives the reason for your answer:- In theory, you should use aria-labelledby if the text is visually on-screen somewhere and this form is preferable. You should only use aria-label when it’s not possible to

What would be the best method to code heading/title for <ul> or <ol>, Like we have <caption> in <table>?

佐手、 提交于 2019-12-03 07:21:04
问题 What would be the best method to code heading/title of <ul> or <ol> ? Like we have <caption> in <table> , and we don't want to make them bold. Is this okay? <p>heading</p> <ul> <li>list item</li> <li>list item</li> <li>list item</li> </ul> Or should headings always be used? <h3|4|5|6>heading</h3|4|5|6> <ul> <li>list item</li> <li>list item</li> <li>list item</li> </ul> 回答1: Always use heading tags for headings. The clue is in the name :) If you don’t want them to be bold, change their style

What would be the best method to code heading/title for <ul> or <ol>, Like we have <caption> in <table>?

蹲街弑〆低调 提交于 2019-12-02 19:56:18
What would be the best method to code heading/title of <ul> or <ol> ? Like we have <caption> in <table> , and we don't want to make them bold. Is this okay? <p>heading</p> <ul> <li>list item</li> <li>list item</li> <li>list item</li> </ul> Or should headings always be used? <h3|4|5|6>heading</h3|4|5|6> <ul> <li>list item</li> <li>list item</li> <li>list item</li> </ul> Always use heading tags for headings. The clue is in the name :) If you don’t want them to be bold, change their style with CSS. For example: HTML: <h3 class="list-heading">heading</h3> <ul> <li>list item </li> <li>list item <

ASP.NET MVC - How to detect if user is using a screen reader

不羁的心 提交于 2019-12-02 02:12:24
So I'm currently trying to check if a user is using a screen reader on our site. The reason I would like to check if they are is because our site provides a training module in which if they are using a screen reader, I would like to show a button that would allow them to download a printable version of the training. Here is what I have tried so far: internal class UnsafeNativeMethods { public const uint SPI_GETSCREENREADER = 0x0046; [DllImport("user32.dll", SetLastError = true)] [return: MarshalAs(UnmanagedType.Bool)] public static extern bool SystemParametersInfo(uint uiAction, uint uiParam,

Is it necessary to have <th> in any table?

假装没事ソ 提交于 2019-12-01 11:25:10
is it necessary to have <th> in any table? even if table has no heading? table has 3 other tag <thead> <tbody> <tfoot> is it necessary to use all even if i have nothing for table footer. Firefox by default add all these in code. and is it necessary , <th> always should be in a <thead> and if I have a heading in content received from client , and heading is from outside the table but related to table then how should i place that heading for table As a above table <h3>Heading of table<h3> <table>......</table> as a heading of table <table> <thead><tr rowspan=3><th>Heading of table</th></tr><

Why are table based sites bad for screen reader users?

萝らか妹 提交于 2019-12-01 09:13:38
How much easier is it for screen readers to handle <div> based websites as opposed to older <table> based websites, and why are they worse? Screen readers assume the content inside a table is tabular, and reads it as such. E.g. "row 1, column 1: (contents)". If you use tables to lay out your site, this won't necessarily make any sense. You are telling the end-client you have data with tabular significance, when you actually don't. By contrast, div have no meaning other than "section", so screen readers make no attempt to signify them. You can use divs to make arbitrary visual breaks in your