Comments (6)
I looked at all the linked pages but can only see one value (aria-live="assertive"
). Has this been fixed? Only https://www.gov.uk/government/statistics doesn't have any aria-live
at all. (At least I couldn't find it.)
But having briefly looked at the implementation now, I would improve two other things:
-
What is wrapped in the div with the
aria-live
includes the number of results (in an h2), the facet tags and on some pages the "get email alerts" and "subscribe to feed" links. At least those links should not be announced to screen readers because they donβt change. (Actually, I assume the URL changes, but that won't be apparent to anyone, including screen reader users.) The facet tags can be up for debate if it makes sense for them to be announced, but I would suggest to only wrap the h2 (or add thearia-live
directly to the h2). -
After filtering at least once, the h2 gets nested in another h2. That is invalid HTML.
from finder-frontend.
@kr8n3r yeah I think I remember spotting that and fixing it.
from finder-frontend.
@injms or @andysellick
I have point 2 from
can either of you confirm or alternatively show how to replicate (in case i'm missing something)?
edit: possibly fixed here https://github.com/alphagov/finder-frontend/pull/1066/files#diff-32432de741de8d01ce8959f91547b1c5
from finder-frontend.
thanks Andy
from finder-frontend.
@tombye I believe we replaced all of the finders that this ticket is talking about (originally from whitehall, now rebuilt in finder-frontend) and the aria issue should have now been fixed. Can you confirm if this is the case?
from finder-frontend.
Looks like all of these now share the same implementation and the issues @selfthinker raised are now fixed so I'm marking this as resolved. Nice work!
from finder-frontend.
Related Issues (20)
- SassC-Rails upgrade - support CSS `min()` and `max()` HOT 3
- Search facet's / pills not removable HOT 5
- Toggle functionality should be using a button
- Invalid date feedback HOT 1
- Incorrect message for Irish checklist criteria HOT 1
- Retail checkbox doesn't affect actions page
- Transition email topic is out of date HOT 2
- Browser back button on the search page does not correctly reset history state HOT 2
- Respect metadata facet ordering HOT 4
- _reset.scss causes surprising behaviour for <strong>
- Cucumber tests are not being run in CI HOT 1
- Missing Filter for GOV.UK Search HOT 2
- Why is `enable-aria-controls.js` needed? HOT 3
- `<mark>` elements in search results can be invisible in Windows High Contrast Mode
- Search - iterative improvements
- Remove cache content check from readiness probe endpoint
- Is hidden search 'Skip to results' link in the right place? HOT 2
- Update site search to share code with finders HOT 1
- Dependabot can't resolve your Ruby dependency files HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. πππ
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google β€οΈ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from finder-frontend.