Questions tagged [screen-reader]

A screen reader is a software application that attempts to identify and interpret what is being displayed on the screen. This interpretation is then re-presented to the user with text-to-speech, sound icons, or a Braille output device.

Filter by
Sorted by
Tagged with
0
votes
2answers
96 views

Screen reader accessibility: How “talky” should my button be?

I'm trying to improve screen reader support on our webapp, but I'm struggling a bit with what the best practice is for our buttons. Our current pattern looks something like this If I focus on the ...
2
votes
2answers
90 views

For Screen Readers: How to markup a group of text items to be read as one item? Should I even try?

How might I mark up the following component in accordance with WCAG 2.1 guidelines, accessibility best practices, and with as much assistive technology compatibility as possible (I don't want to ...
0
votes
0answers
22 views

Dialogue based interface, the app voice becomes input instead of user sound input

The app we are currently developing has a feature which enables user to communicate dialogue based (imagine siri) We are currently facing with a problem. The problem is about the accessibility. When ...
1
vote
2answers
82 views

Screen readers and mouse

I'm building an accessible tooltip — my first dive into the world of accessibility. It is shown next to an input and right now I'm thinking about how to show them to users with disabilities. The ...
0
votes
2answers
46 views

Alternate hidden form for screen readers

When redesigning our customer-facing form which contains different kinds of questions - text, currency, selects, radio buttons and checkboxes - the design team did not put any consideration in ...
2
votes
1answer
50 views

How in depth should a screen reader when it does the first read through of a page and a form

Take the following mockup as our example case: Page Title Page Instructions Field 1*: [ text input ] Field 2 : [ text input ] Field 3*: [ text input ] ...
0
votes
1answer
244 views

How to deal with an image-map regarding accessibility?

Currently, I'm trying to fix some accessibility issues on a single page website. This website consists of various elements (e.g., collapsed menus) in addition to a part where an image-map is used to ...
2
votes
1answer
93 views

Distinguishing aria-live speech from UI accessible names

We just ran our first user test of an accessible UI prototype with blind and partially-sighted testers. In spite of my efforts to follow the various recommendations and WCAG specifications, there were ...
4
votes
3answers
336 views

Can screen readers interpret Unicode styles fonts such as bold and italics?

I have seen serval social media channels using Unicode to make part of their text bold or italicised on websites such as Twitter, where this sort of thing is usually not possible. It crossed my mind ...
10
votes
2answers
284 views

How to make effective call to action for blind people?

I’d like to know about techniques and good practices for CTA (call to action) for blind people. Of course I use WAI-ARIA, sr-only and whatever technique I need to make pages accessible, but I wonder ...
1
vote
2answers
154 views

Are URLs in alt text usable?

In a recent edit I made on UX Stack Exchange, I added some alt text to an image that contained the URL of a page at which the reader could see a textual version of the content in the image. However, ...
1
vote
1answer
152 views

inline form validation when user tabs out of an empty field

My question is similar to Should inline validation check empty fields if user only tab the field but do nothing and skip to next field?, but a bit different. Let's say I have a form containing a few ...
1
vote
2answers
270 views

What heading to use in a Bootstrap alert [closed]

In Bootstrap there are dedicated alerts. https://v4-alpha.getbootstrap.com/components/alerts/ According to the code on that site, the headings in an alert shall be h4, but I'm not quite sure that's ...
0
votes
1answer
43 views

Is there a benefit of putting headings in the tab order?

Question about navigation through headings of web-applications on screen readers. Is there a benefit of putting headings in the tab order (by adding tabindex="0" to all H tags) or the standard ways ...
0
votes
2answers
75 views

Are there best practices regarding reading out lists with a screen reader?

In our application we have a lot of lists falling under a single label. Visually we display these with the label left justified and the data starting just to the left of the label and then each item ...
4
votes
2answers
241 views

What would make screen readers better at browsing the web?

I recently built a browser extension like Vimium that lets you browse the web with just your keyboard shortcuts. While building it, I came to realize that it has great potential for helping the ...
5
votes
1answer
921 views

Accessible web calendar overview that's screen reader friendly

One of our accessible-savvy dev.teams are building a new web interface to a booking system. It looks and acts pretty much like a web calendar interface. In this very first iteration, we'd like ...
2
votes
1answer
1k views

Heading levels in an accessible modal window

What's the most/correct accessible way to use headings in a web modal window? The modal itself is fully accessible (we have tried that out already) but we're unsure whether we shall use h1 or h2 as ...
2
votes
1answer
806 views

Links, external links and how screen readers perceive them

I am wondering if links on my website need to specify in a screen reader if they are external or remain on the same page? I've checked WebAIM and their footer links only state the name and if it is ...
1
vote
3answers
225 views

Having a separate accessible page for screen reader users

I have been working in the accessibility of an accordion that is used to take user input from checkboxes and return a list of criteria based on the user input. We are using Outsystems and have not ...
3
votes
2answers
709 views

Should you paginate content for screen readers or allow the user to navigate on their own?

While working on a SPA, it often comes up that we paginate content to reduce UI complexity, even though the other "pages" are already available. Thinking about this from a keyboard or screen reader ...
5
votes
2answers
111 views

How should time limits be communicated to screen reader users?

Suppose a user is performing a complex task (such as: a multiple choice quiz with 40 questions), with a time limit (such as: 30 minutes). The elapsed time, and the time limit, are both displayed on-...
2
votes
1answer
102 views

How to translate a visual experience to screen reader users

I have a table with selectable rows. I can select only one row. Sighted users can click anywhere in a row to select it. In the context of a website that is as good for blind users and sighted users, ...
17
votes
1answer
2k views

Is it good to propose a screen-reader version of my website for blind users

I was wondering if this is a good practice to propose a link visible to screen-reader only at the beginning of my website, that would lead the user to a very simplified and optimised version of my ...
0
votes
1answer
34 views

Is it ok to change table caption depending on user choices?

I have a table listing available jobs. By default this table shows all jobs. The table caption is now "Available jobs". If the user make use of the filter functionality the result is filtered and the ...
11
votes
1answer
307 views

Best practices for long “alt” text and the vision-impaired?

One of my Stack Exchange communities is currently cleaning up its missing image alt text for the benefit of those who use the site with screen readers. We understand that the alt text we add will be ...
4
votes
1answer
339 views

Screenreader - multiple live regions

Is it possible to stack multiple live regions, so that they all announce appropriately within a screen reader? I have this setup: <a class="action" href="javascript: void(0);" aria-controls="...
12
votes
4answers
10k views

Help tooltips and screen-readers

I have an input form that contains help tooltips for many of the field labels (usually more meaningful than the example). download bmml source – Wireframes created with Balsamiq Mockups What's ...
2
votes
3answers
204 views

Should a website look presentable without StyleSheets?

I'm trying to super simplify all my forms, input fields etc. Using absolute minimum of HTML markup, and then use CSS to make it look good and well-formatted, with pseudo block elements and so on If ...
4
votes
1answer
2k views

Accessibility of linked DOC/DOCX files

I am working on a site where the client wants to provide links to Microsoft Word Doc/Docx files. This is probably a bad idea for a number of reasons but from an accessibility standpoint, is this a ...
4
votes
1answer
471 views

Do screen readers have built in “back to top” functionality?

So on my web application I have a floating button for back to top that's visible to users after they scroll down the page from the top. I was thinking whether I should consider attempting crafting ...
4
votes
1answer
528 views

“Right arrow” meaning for blind users

I have a menu with right arrows next to the elements that have child pages under them. The child items are not displayed in the menu, the arrow only indicates to the user that after they navigate to ...
2
votes
1answer
261 views

What is the most usable navigation mark up for screen readers?

When we mark up navigation data for a website we have several options available, including using html lists, html5 nav tags or just plain divs and spans. We also have various options at the attribute ...
3
votes
2answers
3k views

Can/Should I Label an informational span for screen readers?

I have an informational span, specifically, a span full of stars that represent a rating (star icons that can be filled or unfilled). As is, it shouldn't be visible at all to a screen reader, since ...
15
votes
5answers
7k views

Percentage of screen readers users in USA?

"Percentage of screen readers users in USA" : Is there a place where I can find such statistics ? A more global statistic that would still be good too. I came across this page but I could not find ...
14
votes
4answers
7k views

Is it bad practice to use Guillemets (laquo and raquo) on links?

Is it bad practice to use the HTML entities of the guillemets « (&laquo;) and » (&raquo;) on links? Originally they're used in many languages like French and Spanish to indicate ...
1
vote
2answers
837 views

Accessibility (browse aloud) for websites

We've got a housing trust website that we work on regularly (www.citysouthmanchester.co.uk) that needs to conform, as it's not for profit, to various online accessibility indicators. We currently ...
13
votes
4answers
321 views

Are there projects where good accessibility is unnecessary?

Recently I attended a job interview at a fairly well known agency. In my resumé I had specified that I always try to come up with easily accessible solutions regarding assistive technology. The ...
5
votes
1answer
114 views

incremental discovery and visually impaired users

I'm working on a design for a program with GUIs for basic, intermediate, advanced, and expert modes. You can find my question on the topic here: https://softwareengineering.stackexchange.com/...
14
votes
2answers
790 views

Should images be given alt text if they contain no information?

Example: a biography page with a picture of the person. The image contains no useful information, yet it adds enough emotional value to the page that simply removing it is not the solution. If you ...
2
votes
4answers
981 views

Which alternative text (alt) for static maps?

If screenreader users visit a contact page (on a company website) that contains a static map as image, what should be read to them? So: Which alternative text (content of the HTML alt attribute) ...
4
votes
2answers
282 views

Are support for voice browsers really necessary?

Screen readers attempts to identify and interpret HTML and send its data to a standard output which may be a video monitor, a text-to-speech output device or a braille output device. It is a way to ...