Comments (8)
- Add a tag only with the keyboard - OK
- Announcing the task of creating a tag by the screen reader - OK.
- Unfortunately, I have not found a way to remove unnecessary tags just by using the keyboard.
In conclusion: At this moment the Tags custom-element does not meet accessibility requirements.
from accessibility.
@zwiastunsw Thanks for the review, I know its not there from accessibility point of view, but that is the reason I ask you to help.
What I need in more detail is:
- this new tags element needs a way to remove tags through keyboard, what will be a good workflow for that (e.g. tab through and press delete on the selected tag?)
- There is another feature: you can drag and drop to rearrange the order of the tags (with mouse). How can this be implemented for keyboard users (I have no idea how to make drag and drop keyboard accessible, so this team needs to guide me)
Also there will be a drop down for the possible tags that are already stored in the database, but for that we will have another issue, after we finished this first part...
from accessibility.
I'll try to say something tomorrow.
from accessibility.
Regarding Drag and Drop you probably know these articles
- Keyboard Accessible Drag & Drop Example
- Accessible Drag and Drop Using WAI-ARIA
- Accessible Drag and Drop - why foolprof scripting is critical when using ARIA
- Sitepoint. Extend the capabilities of HTML5 drag and drop (code)
- Sitepoint. Extend the capabilities of HTML5 drag and drop (tutorial)
- AccDC Technical Style Guide - description (Drag and Drop panel)
- AccDC Technical Style Guide - demo
from accessibility.
@zwiastunsw https://codepen.io/dgt41/pen/KvbbdE this is closer to what we need (keyboard support except drag and drop)
from accessibility.
Yes! It is much better. Now we need to:
- The screen reader announced the focus tag.
- The screen reader announced the removal of the tag
- The way to change the order of tags using the keyboard
from accessibility.
@zwiastunsw any idea of what aria html markup we should to get the reader announcements?
from accessibility.
I have no idea.
I have found such a rich development that can help solve problems:
from accessibility.
Related Issues (20)
- Report: Table option HOT 10
- Tables and pagination? HOT 4
- Open Pull Requests HOT 6
- Jump/Skip Links HOT 1
- alerts are not accessible for colour blind HOT 1
- List all categories. Improve the accessibility HOT 5
- Can the Breadcrumb be more accessible? HOT 3
- Accessible font icons HOT 6
- Report: Explore of Backend page type New/Edit module site HOT 2
- Unsolved A11y issues HOT 6
- Simply start acting: Improve accessibility of Registration form HOT 17
- Simply start acting: Improve of Edit Your Profile form HOT 1
- Simply start acting: Yet another button, not a link HOT 4
- Report: Explore of new Media Manager - part I HOT 1
- title attribute HOT 3
- "Search Form or Search Results" menu item: Form elements must have labels HOT 2
- Making the Cassiopeia template more accessible HOT 11
- Backend login issues HOT 7
- Media Manager Page [Backend - side] Using Tool
- New folder Media Manager Page [Backend - side] Using Tool 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 accessibility.