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 - 15 of 15 questions

Edge :focus styles

Stackoverflow

Trying to get the pseudo class :focus to work in Edge. This is working in Chrome and Firefox, but for ADA reasons, need it to work in Edge.

Tags: 
  • jquery
  • css
  • internet-explorer
  • sass
  • accessibility

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

High Contrast and CSS sprites

Stackoverflow

I'm working on a project that it has to be accessible to everyone and I have some problems when the PC is in High Contrast mode.

Tags: 
  • css
  • user-interface
  • firefox
  • accessibility
  • opera

Substitute symbol for text in table cells and maintain center alignment

Stackoverflow

I've got a table showing participation of countries in a project in 2013 and 2018. For a year in which a country participated, we want to display a black circle.

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

hide a pseudo-element from a screenreader?

Stackoverflow

I am using :before pseudo-elements bound to particular classes to add symbols in front of p tags, with CSS like this:

Tags: 
  • css
  • accessibility
  • pseudo-element
  • screen-readers

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

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

Stackoverflow

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

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

Accessibility of Hamburger Menu?

Stackoverflow

I am currently working on making a responsive website accessible and I wonder whether a blind person who opens the page on a smartphone will be able to open the hidden menu somehow, or if he/she "s

Tags: 
  • css
  • mobile
  • responsive-design
  • accessibility
  • screen-readers

Remove blue outline on links when clicking, but keep the outline for TAB selection (accessibility)

Stackoverflow

I have a Burger Menu Button which is selectable via TAB. When I click on it and the menu opens up the burger has this blue outline to make it clear that it is focused.

Tags: 
  • css
  • focus
  • accessibility
  • selection
  • outline

Tooltip, accessibility

Stackoverflow

Building a nice accessible web page is hard. Currently, Im trying to make a tooltip web accessible and I need help. Do you guys have any piece of advice for it?

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