8,271 questions
Best practices
0
votes
5
replies
105
views
Accessible pattern for a clickable row card that contains nested interactive elements (checkbox, buttons, icons)
Problem
I have a molecule-level component, a task row card, that behaves like a clickable container (clicking the row opens a detail side panel), but it also contains several nested interactive ...
- reputation score 1
Advice
2
votes
2
replies
114
views
javascript-based annotations for text?
I'm converting a latex document to html, and the document contains many annotated code listings, made using tikz. An example is shown below. Currently, I'm just converting these into images to use ...
- reputation score 187
0
votes
1
answer
89
views
Accessibility pattern for an input that opens a dialog containing radio groups
We need to implement a new component consisting of a button or read-only input that opens a dialog. The trigger displays a textual summary derived from two selected values, each belonging to a ...
- reputation score 49
1
vote
0
answers
99
views
QSpinBox Accessibility causes Windows Magnifier to focus on wrong screen when cursor position changes
When the Windows Magnifier is active and zoomed in, it should follow the cursor inside a QSpinBox. This worked for me on a single screen setup. However, if there are two screens and the QSpinBox is on ...
- reputation score 163
0
votes
0
answers
106
views
React Native app - tab-order of absolute positioned elements
I basically want to create a screen that looks like what I have shown below.
An edge to edge web view, with react-navigation bottom tabs below, and a floating back-button in the left corner.
The ...
- reputation score 3138
1
vote
1
answer
71
views
Tab key does not focus buttons and custom elements in Safari macOS
I'm working on a WordPress site that uses a Webflow-exported theme. The site needs to pass WCAG 2AA accessibility standards.
Everything works correctly in Chrome and Firefox — Tab key moves through ...
- reputation score 11
1
vote
0
answers
77
views
role="presentation" on nested table causes VoiceOver to skip cell content — is this expected?
I'm working on HTML email accessibility and ran into a VoiceOver behavior I can't fully explain from the ARIA spec.
I have two adjacent data tables in an email. Each outer table has a proper <thead&...
- reputation score 11
Advice
1
vote
1
replies
96
views
Which technologies are developers learning to stay up to date in industry?
Which technologies has a developer been updating themselves in, such as programming languages, frameworks, cloud platforms, DevOps tools, databases, AI/ML, and modern software practices to stay ...
- reputation score 1
Best practices
1
vote
2
replies
164
views
The correct way to mark up headers in html
A while back, I developed a solution for creating unique markup for a set of "cards" in an html page:
<!-- somewhere in the page, doesn't matter where, we create some text to reference --&...
- reputation score 943
Best practices
0
votes
1
replies
73
views
Ideal contrast for background and text outline/stroke colors
There are multiple answers on how to achieve the minimum recommended color contrast for a11y purposes on Web pages (one can learn more, for example, here). However, all of them seem to discuss only ...
- reputation score 2490
1
vote
0
answers
95
views
Hidden button player-controls-a11y-toggle is not visible when focused in YouTube iframe embed
I have a YouTube video embedded using the following URL:
https://www.youtube.com/embed/${videoId}?rel=0&autoplay=1
When navigating with the Tab key, there is a hidden button with the ID `player-...
- reputation score 610
Best practices
0
votes
1
replies
70
views
How can I ensure that a PDF is properly tagged (for WAI accessibility)?
<a href="CV.pdf" target="_blank" rel="noopener" data-translation="CV" aria-label="Voir le CV en pdf">
Voir mon CV
</a>
The WAWE extension ...
- reputation score 1
Best practices
0
votes
2
replies
81
views
How can I make links with generic names like "Overview" in navigation structures most accessible?
Let’s say I have a fragment of navigation in my documentation:
Control system: Overview | Envelope protection | API | Error states
Unattended operation: Overview | Monitoring | Execution limits | ...
- reputation score 1569
Advice
0
votes
2
replies
64
views
Inquiring about whether the software Jest has an up to date VPAT
I'm currently auditing tools we use on a University campus and wanted to check if the software Jest has an up to date VPAT available for this year?
We use VPATs to verify WCAG 2.1 AA compliance and ...
- reputation score 1
Tooling
0
votes
2
replies
112
views
How to use attachAccessibilityOverlayToWindow() from android accessibility service
Currently, i am using windowManager.addView() to add accessibility overlay to display. How do i use attachAccessibilityOverlayToWindow(int accessibilityWindowId, android.view.SurfaceControl sc) to add ...
- reputation score 21
