17
votes
Percentage of screen readers users in USA?
To answer the askers question, it looks like we have to use a little deduction. Nobody seems to collect these statistics outright. Someone wrote a very detailed article as to why.
There are 326 ...
7
votes
Accessible way of notifying a screen reader about loading the dynamic Web page update (AJAX)
Somehow stumbled across this and thought I would throw a solution (or the best fix we have at the moment) down for you even if it is 9 months old!
You are 95% of the way there, aria-live regions are ...
6
votes
Accepted
Can screen readers interpret Unicode styles fonts such as bold and italics?
If you want bold, use bold. Real bold. Not mathematical symbols. Those characters are intended for use in mathematics only. They are not, semantically, text at all.
U+1D5DB ‹𝗛› \N{MATHEMATICAL SANS-...
5
votes
Accepted
Heading levels in an accessible modal window
h1 can be used more than once in a page. An h1 is there to indicate that the element is a primary title for a specific content. eg: If you have a group of cards with a title, an preview image and a ...
5
votes
Accepted
Do accessibility standards (WCAG AA) require a screen reader to announce an HTML element upon mouse hover?
Two related bugs in NVDA:
NVDA reader doesn't read icon on mouse hover
Windows 11 Design Elements Are Not Reported by NVDA When Mouse Tracking Is On
However, there is nothing in WCAG that requires ...
5
votes
Using label and tabindex for non-selectable elements that give context about the page
No, non-interactive elements should not have a tabindex, and aria-label only works on certain roles.
It's a common misconception that tab is the only way to navigate a website using a screen reader. ...
4
votes
How to make effective call to action for blind people?
There are a few things you could do, depending on the circumstances.
When the page is loaded, depending on where the initial focus is, you could have extra text associated with the first object (...
4
votes
Can I have multiple rows with <th> in a table
This is allowed and there are ways to structure your markup to aid accessibility.
In general, you provide unique IDs for each <th> and then each <td> lists which headers apply to itself. ...
4
votes
Accepted
Should you paginate content for screen readers or allow the user to navigate on their own?
"...the user would need to choose "next page", then move their focus
to the top of the screen to resume reading again."
Actually, you should do that for them. As a screen reader ...
4
votes
How do I write good alt text for a comic?
Thank you for making your comics accessible, and for caring about how users with vision impediments might engage with them.
I would suggest, if you are really inclined to make these accessible, to ...
3
votes
Accepted
Links, external links and how screen readers perceive them
WebAIM talks about links to external sites in the same section as it talks about opening new windows so it's not a big stretch to join the two.
The WCAG section "G201: Giving users advanced warning ...
3
votes
Accepted
Accessibility testing (with Microsoft Narrator as screenreader)? Somebody here with some practical guidelines?
I wouldn't bother with Narrator too much but by all means add it to your testing suite.
You will see from the webAim screenreader study that NVDA, JAWS and VoiceOver make up over 90% of screen readers....
3
votes
Accepted
Should screen readers read the content without tab or with tab?
Both, and more, but it's up to the user to decide how to use their screen reader!
Screen readers provide a variety of ways to move around the content. There's no need for designers, developers, or ...
3
votes
Is using the @ (at sign) an acceptible replacement for the word "at" for screen readers?
This sort of fits into a few different WCAG checkpoints, but you might have to stretch your interpretation of the guidelines a bit.
3.1.3 Unusual Words - You might not consider the @ sign an "...
2
votes
What heading to use in a Bootstrap alert
There can’t be a general answer, it depends on the context and nature of the alert.
Context in the markup
HTML 5.1 recommends to
use headings of the appropriate rank for the section’s nesting ...
2
votes
Accepted
Screen reader accessibility: How “talky” should my button be?
Your last option is best. Everything that is visible should be conveyed to a screen reader. There's no need to try to make it a sentence or make it "polite" by saying "please".
I know this forum is ...
2
votes
Accepted
For Screen Readers: How to markup a group of text items to be read as one item? Should I even try?
(expanding comment into answer:)
For mobile users you can use the nonstandard role="text" on the parent element. It's hacky and only works on WebKit, but that is fine since in my recollection, only ...
2
votes
How to make effective call to action for blind people?
This is actually a really good question, and I hope that one of the accessibility specialist out there will also give you an answer on this.
My guess is that when you have users that cannot rely on ...
2
votes
Are URLs in alt text usable?
The alt attribute is for plain text. So it can’t contain hyperlinks, but it can contain URLs.
Custom implementations aside, a screen reader wouldn’t offer to visit the URL, but it would read it out. ...
2
votes
How to solve UX vs screen reader accessibility problem?
You avoid "click here" because not every user will be using a mouse (especially now so many people use touchscreens and "tap") and just use the anchor with sensible text that can stand alone when ...
2
votes
Is it accessible to have lists without a heading, assuming previous lists do?
good question btw ;)
Grabbing your example:
<h2>Our latest News and Events</h2>
<ul>
<li>news item 1</li>
<li>news item 2</li>
<li>news item 3</...
2
votes
Is it accessible to have lists without a heading, assuming previous lists do?
I don't think this is possible, based on your requirements.
A screen-reader user, or any user for that matter, would have to decipher what is a news item and what is an event item.
If you can't ...
2
votes
How do I write good alt text for a comic?
First and foremost I think the context is key. On the page you have set as an example the text explains the content of the images, and the comic strips attached seem to be displayed only as proof of ...
1
vote
Can screen readers interpret Unicode styles fonts such as bold and italics?
If you are following a semantic HTML structure, you will not risk interrupting the screen reader. One more advantage for semantic HTML is that screen readers can read your code faster and you will not ...
1
vote
Can screen readers interpret Unicode styles fonts such as bold and italics?
JAWS and NVDA (PC screen readers) allow you to enable format changes to be announced, but it's not on by default. I have not seen this option in voiceover (mac and ios).
But I wouldn't rely on the ...
1
vote
Are URLs in alt text usable?
There is the longdesc attribute that is supposed to be supported by screenreaders and it serves exactly the purpose.
1
vote
Accepted
inline form validation when user tabs out of an empty field
I'd vouch for showing the error message even if a user is only navigating through a form.
Users are less likely to unintentionally skip required fields
Leaving optional fields empty even if ...
1
vote
For Screen Readers: How to markup a group of text items to be read as one item? Should I even try?
How to markup a group of text items to be read as one item? Should I even try?
Put this way, the question is a bit misguided, because:
as a screen reader user, when navigating by "item",
Screen ...
1
vote
Screen readers and mouse
As Slugolicious says, some people do use a mouse together with a screen reader.
The design does not allow to show it on focus
I don't know what your website or application does, but this sounds ...
1
vote
Accepted
Screen readers and mouse
I'm a little confused by your original question. At first you say
The design does not allow to show it on focus
and then you say
if no mousemove ever happened — it would show on focus.
So ...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
screen-reader × 69accessibility × 64
html × 7
usability × 6
wcag × 6
web × 5
forms × 4
hyperlinks × 4
tables × 3
semantics × 3
menu × 2
tooltips × 2
calendar × 2
html5 × 2
special-characters × 2
markup × 2
website-design × 1
navigation × 1
buttons × 1
user-expectation × 1
web-app × 1
input-fields × 1
labels × 1
scrolling × 1
text × 1