I have a webpage where a dialog <section role="dialog"> element opens on-top-of content, causing the elements/content underneath to be inaccessible. While the dialog is open, all content und...

My product has an area where we want to display a default value (let's say the name of a document page), but when the user focuses on it and hits the space bar, it becomes an editable field. We are...

I have the following paragraph: <p>Random text that has <span class="font--bold">some bold text</span> and continues on...</p> I am using the ChromeVox extension to ensur...

When I put a website I am building through a W3C checker it asks me to consider only using h1's as a top level heading and points out a section where I have a h1 inside of a section. It also mentio...

I have implemented a requirement to focus the first tab(basically an <a> element) present inside the modal dialog. When using NVDA screen reader to test the feature, it is observed that afte...

I'm trying to implement more accessibility to the website I'm working on. I have a custom checkbox inside a button, followed by a list of checkboxes. When I'm using a screenreader, I expect the scr...

I have a icon which is not decorative, and it is not directly within an interactive element, though there is an interactive element in the hierarchy. Something like this: <button type="button"...

I'm working on making our accordions accessible with aria labels such as aria-expanded. I have the value of aria-expanded change correctly as the accordion trigger heading gets clicked or the 'retu...

Let's say I have the following sentence in HTML: <p>Please enter your licence number</p> The screen-reader mis-pronounces the word 'licence' as "liss-ens" (phonetic spelling). It shou...

I am trying to make a paragraph of text continuously readable by a screen reader (VoiceOver in this case). The text inside of <p> gets read by the screen reader but stops once it reaches the ...

Are there any differences between these two screen reader techniques on forms, and is one more encouraged than the other: <label for="titleInput">Title</label> <input type="tex...

I am working on accessibility for client's site and am using JQuery/Javascript to detect if Enter or Spacebar keyboard keys were pressed, which was working great... $(document).addEventListener('k...

I have been using the Mac OSX's built in screen-reader for testing my site, I know it's not the best but it's all I have for now. But I'm finding it isn't pausing at the end of elements... which ma...

Imagine, I have a <div> with aria-label as "Read this" (aria-label is added at runtime). Inside the <div>, I have a <span> with text "do not read this". Now what Jaws is doing i...

I'm doing some accessibility testing on my company's website. I have been doing the majority of the screen reader testing using Mac's VoiceOver tool, paired with Chrome. For the most part, it has w...

I am using Typeahead/Bloodhound to generate a list from the content of a database. I would like the bloodhound suggestions to be read by the screenreader when highlighted. I have added a few aria r...

I have the following header <h1>ADD MONEY</h1> and it is being read by VoiceOver as a-d-d money whereas if I change the text to lowercase it will read it properly as "add money"...

I have the following structure <h2> <svg viewBox='-5 -40 100 50'> <!-- some filters that get applied on the elements below --> <clipPath id='c'> <text id=...

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...

We can use <noscript> to say Sorry, this website requires JavaScript to run. What's the analogous way to announce that the site doesn't support screen readers? Something like <noscreenrea...

I have a WPF application which need support screen reader(especially JAWS). The issue is, JAWS does not announce anything, when the list view items have changed(added, removed). And blind users tot...

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 ca...

I've created a page using Bootstrap with a standard layout of next and previous page links. On the first page, I disable the 'previous page' link as follows: <div role="navigation"> <ul ...

I need to use NVDA screen-reader to read some messages when a dialog with progress bar appears. At 0% duration of progress-bar, I need to announce: "Your received a timed message" At 100% duratio...

I am trying to set the AutomationProperties.Name property for controls in a GroupStyle control template and it seems to produce nothing. I have it set on the Expander in my template but it says not...