slugolicious
  • Member for 5 years, 3 months
  • Last seen this week
Accessibility for a select tag that dynamically changes the URL of the following anchor tag
Accepted answer
1 votes

Using one of the <option> elements as the label of the <select> is generally not encouraged. Once the user chooses an <option>, their label is gone and they might not understand ...

View answer
How should a screen reader pronounce links and buttons?
0 votes

The real question is whether you should use a link (<a>) or a button (<button>) for your interface. How the screen reader announces it is totally up to the screen reading software. As ...

View answer
Do PDF menus on restaurants' websites make the site not fully accessible?
1 votes

If the menu is only available via PDF and the PDF is not tagged, then the website is not considered accessible. However, if the menu is also part of the main website (ie, the menu is available in html ...

View answer
Visually hidden labels, usability, accessibility and WCAG 2.1 compliance
Accepted answer
1 votes

A visually hidden label is generally only used to benefit screen readers where there is something visual on the page that isn't conveyed. That is, if the design of the page implies a label is ...

View answer
Should you paginate content for screen readers or allow the user to navigate on their own?
Accepted answer
3 votes

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

View answer
Is using the @ (at sign) an acceptible replacement for the word "at" for screen readers?
3 votes

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

View answer
Behavior of Tab in a form
1 votes

For keyboard and screen reader users, this can be very confusing. If you're trying to tab through the fields to get to whatever's after the fields, it would cause a search to be submitted just by ...

View answer
Where should keyboard focus go when a ‘load more’ content button is clicked
2 votes

In general, it's best to not move the user's focus. So if your "load more" button is still visible on the page after the new content is loaded, then the focus should stay on that button. Leaving the ...

View answer
Does hover state button text need to meet accessibility guidelines?
2 votes

First off, hopefully your hover state is also indicated with keyboard focus too. (Just use :hover and :focus in the same style definition). Whether the button has focus or hovered or not, the text ...

View answer
Screen reader accessibility: How “talky” should my button be?
Accepted answer
2 votes

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

View answer
When providing programming documentation to users of an office suite software, does intelligent cell merging in tables, make the info more accessible?
Accepted answer
0 votes

I respectively disagree that merged cells are bad. I've been using a screen reader for a dozen years and if tables are marked up properly, merged cells work great. But that's a big IF. Tables get a ...

View answer
WCAG 2.1 contrast issue for Google/Angular Material Design
2 votes

Yes, some of the examples on the sample page (Basic Buttons and Stroked Buttons) would fail WCAG 2.1, success criteria 1.4.11 given the current sample page's light gray background color (#FAFAFA). ...

View answer
Is Linking to a Contact Form a Web Accessible Solution for a Live Chat Button?
Accepted answer
1 votes

WCAG has the concept of "conforming alternate version" but I discourage that approach unless absolutely necessary, but it sounds like the "loophole" you'd need in your situation. You'd end up with a ...

View answer
Focus style accessibility - Is colored underline enough of a change?
1 votes

If you are trying to be compliant with WCAG 2.1, then the new 1.4.11 success criteria would apply and you'd want to have a (minimum) contrast ratio of 3:1 for the focus color over the background color....

View answer
WCAG 2.0 Redundant Links
2 votes

Based off what I've read having adjacent links go to the same location is not compliant. Strictly speaking, having redundant links is not a compliance failure. There is no WCAG success criteria ...

View answer
Is It Acceptable To Use Custom Focus Indications As Art Direction?
Accepted answer
2 votes

would still indicate that the element's state had changed to "focused" That's a key phrase. You're ok when you word it that way. From a WCAG perspective, 2.4.7 just says that an interactive element ...

View answer
Accessibility Guidelines for saving changes to boolean controls in a web app
1 votes

but only helps to get around the accessibility rule that a submit button shouldn't be disabled There is no such "rule". There is nothing implied in WCAG that says a submit button cannot be disabled. ...

View answer
Should accessible buttons include contextual information
Accepted answer
1 votes

It sounds like you're familiar with WCAG (Web Content Accessibility Guidelines), but just in case others are not, there are two guidelines for links (not buttons). 2.4.4 Link Purpose (In Context) [...

View answer
What are the best ways on a sub-500 budget to test for mobile accessibility?
1 votes

Can't spend $500 on testing? How much is spent on design or development? Are both of those low budget too? It sounds like it's too late now (your app is already built?) but perhaps for future ...

View answer
Accessibility guidelines for Mobile Apps
Accepted answer
2 votes

As mentioned by @katriel, the Web Content Accessibility Guidelines (WCAG) are the official W3C specs on how to create accessible applications (whether web or mobile). Version 2.0 came out in 2008 and ...

View answer
Is there a standard for indicating a high contrast style?
Accepted answer
2 votes

Is there a standard icon/text that should be used? From an accessibility perspective, there is not an agreed upon standard for an icon. The suggestions in the other answers are all good ones. Just ...

View answer
WCAG/ADA Compliant Notice
1 votes

I like @Davbog's ideas to clarify the why first, then decide where to put such a statement based on the "why". There's an excellent article on "Developing an Accessibility Statement" from the W3C's ...

View answer
What is a best way from the user experience point of view to list questions and answers (FAQ)?
2 votes

Either is ok as long as you use semantic elements to define the page structure. Showing all questions and all answers at the same time can sometimes be a bit overwhelming and look very busy, but it ...

View answer
Checkbox size of 'clickable' area on desktop
10 votes

A new WCAG 2.1 success criteria is "2.5.5 Target Size", but it's a AAA conformance. The size of the target for pointer inputs is at least 44 by 44 CSS pixels except when: Equivalent: The ...

View answer
Should I use <aside> for off-canvas navigation?
Accepted answer
1 votes

You are doing it correctly. Navigation areas should be in a <nav> element (or a <div> with role="navigation"). You even have an aria-label for your <nav> - bravo! most tutorials say you ...

View answer
Bilingual Navigation
1 votes

I would make sure it's clear which language is which by having some delimiter between the two languages. The text of your question said "Home/Inicio" but the screen shot just looked like "Home Inicio"...

View answer
HELP tackling huge WCAG 2.0 compliance project! Need advice, please
Accepted answer
0 votes

For the production site, you should do an accessibility review (sometimes called an "assessment" or "audit"). This involves both automated testing and manual testing. If you (or your co-workers) are ...

View answer
Techniques for handling opening a new tab and ensuring web accessibility with WCAG 3.2
Accepted answer
1 votes

You cross-posted this question on stackoverflow.com too. I answered it there with pretty extensive details but am including the answer here too to make it easier for others to find the answer. The ...

View answer
Can I use medium color contrast in native mobile apps? Android & iOS have high contrast modes
2 votes

can I use low-contrast colors...knowing that users with bad eyesight can turn on the high contrast mode? You can but you would not be WCAG AA compliant. Do these high contrast modes count as "...

View answer
Making web pages accessible
Accepted answer
1 votes

It is acceptable "Acceptable"? In general, no. But it is legal (from a conformance perspective) to do so as a last resort, but it's generally frowned upon. There's some good information on "...

View answer