translate

Featured Links

Questions & Answers

This listing is a compilation of both questions asked in-site and questions related to accessibility themes gathered from different sources (stackoverflow, UX Stack Exchange).

Displaying 1 - 20 of 23 questions

accessibility for empty table cells

Stackoverflow

We are using axe to test accessibility.

Axe is giving the following issue when table cells are empty:

Tags: 
  • html
  • css
  • reactjs
  • accessibility

How to hide CSS generated content from screen readers without HTML markup?

Stackoverflow

How would one hide CSS certain generated content (used for pure styling) from screen reader? Is it possible without using HTML hacks like aria-hidden?

Tags: 
  • html
  • css
  • accessibility

What is causing this accordion nav to lose browser default focus?

Stackoverflow

What is causing this accordion nav to lose browser default focus?

Tags: 
  • html
  • css
  • twitter-bootstrap
  • accessibility

How do I make a screenshot image accessible?

I'm trying to make my website fully accessible for devices like screen readers. In one page on my site, I have a screenshot of an application showing a lot of text.

Tags: 
  • html
  • css
  • accessibility
  • wai-aria

Blinking text for screen reader

I am now making my website readable by screen readers.

Tags: 
  • javascript
  • html
  • css
  • accessibility

How to tag an element below form elements so that the screen reader picks it up

Say I have a div with some p tags below some text elements, how do I aria tag these so the screen reader picks these up?

I could give the div tagindex="0" but my linter complains:

Tags: 
  • html
  • css
  • accessibility

How to display a list of links as a drop down select?

Stackoverflow

I want to display a list of links like a drop down select, without losing the semantic if possible. Here's what I tried. The CSS obviously does not work now.

Tags: 
  • javascript
  • html
  • css
  • accessibility
  • semantic-markup

IE issue: wrong tab focus

Stackoverflow

I have a link at the very top of the page called "Skip Navigation", that appears on the screen every time user presses Tab, and if he presses Enter while "Skip Navigation" is in focus, it takes him

Tags: 
  • javascript
  • html
  • css
  • internet-explorer
  • accessibility

Is it important to have relative units to ensure Section 508 / WCAG 2.0 Level AA compatibility?

I have all my font sizes defined in pixels, e.g.

body {
font-size: 14px;
}
h1 {
font-size: 42px;
}

Tags: 
  • html
  • css
  • accessibility
  • section508
  • wcag2.0

All content with position: relative is hidden once button has focus in overflow-y:auto parent container

I am creating an accessible chat window for use in a project. The buttons must be focusable to perform actions on each message.

Tags: 
  • html
  • css
  • focus
  • overflow
  • accessibility

How to "disable" a radio button in a way that a screen reader would still read the text and indicate to a user that it is disabled?

I have a use case where I want to disable some radio buttons, but there are ways to go back an re-enable this radio buttons.

Tags: 
  • javascript
  • html
  • css
  • accessibility

When you use the escape key to exit something in a web browser, like a modal dialogue box, where does focus go?

In most cases there doesn't seem to be any visual indication which must be difficult for users who rely on the keyboard.

Tags: 
  • html
  • css
  • browser
  • focus
  • accessibility

Focus Label when Input is focussed with angular

I have a webpage which uses radio button labels as buttons, with inputs hidden

Tags: 
  • html
  • css
  • angularjs
  • accessibility

Pausing in a screen reader for accessibility

Stackoverflow

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

Tags: 
  • html
  • css
  • accessibility
  • screen-readers

How can I make screen reader (esp using NVDA) not read an element when focused?

I am currently working on a highly accessible website. How can I make the screen reader not read the (1) associated labels, (2) not indicate if it is checked or not, to a focused checkbox?

Tags: 
  • html
  • css
  • accessibility
  • screen-readers
  • nvda

Word-wrap in an HTML table using display:table-row

A more complex version of: Word-wrap in an HTML table.

Tags: 
  • html
  • css
  • mobile
  • html-table
  • accessibility

Accessible css Toggle

I have this Css Toggle which works as expected, I want to add the focus outline to all the toggles for accessiiblity

Tags: 
  • html
  • css
  • accessibility

Can't get dropdown checkbox to display with keyboard only input using aria

I'm new to aria and this one partially works. I can tab to the field but can't see the individual items in the dropdown. Any suggestions appreciated.

Tags: 
  • html
  • css
  • accessibility
  • wai-aria