Comments (2)
We explored aria-label
in #243 but it’s not the correct behaviour for this element, as it isn’t a focusable or otherwise interactive element. title
isn’t necessarily correct either but right now it seems to be the least worst way of handling this.
I’m hesitant to introduce an attribute to customise this for two reasons:
- The element should always just do the correct thing. If title is wrong we should fix it to be correct.
- We should prevent users from doing the accidentally incorrect thing. Being able to set the attribute to something like
aria-label
which seems to be worse for accessibility (based on our testing) should not be possible.
from relative-time-element.
One particular use of non-title
tooltips is that they can allow the interactive selection of the value, which I find useful for referencing a date. Hover the time element, move mouse into tooltip, select and copy. Such interaction is not possible with title
.
Currently I've implemented this via a one-time attribute value swap at page load and a MutationObserver
to catch newly added elements, but it feels suboptimal.
from relative-time-element.
Related Issues (20)
- Format attribute does not respect lang HOT 3
- Make `format` API more consistent
- datetime without weekday HOT 2
- Package no longer publishing to NPM? HOT 3
- Not exactly sure of what, but something appears to be wrong?
- Wrong human text HOT 5
- Precision for what to display HOT 3
- The `on` prefix is not localized HOT 3
- Text selection bugs in Firefox HOT 5
- Enable passing `formatStyle` to Intl.DateTimeFormat HOT 1
- Stray days added to duration HOT 1
- Stricter `datetime` validation HOT 4
- sdfgvb
- Cannot get format=relative to display seconds HOT 2
- "X years ago" is not rounding correctly HOT 3
- Title format is not configurable
- Render 12/24 hour format according to user's preference HOT 4
- precision=day should return "today" instead of "now" HOT 1
- Feb 29th showing as 'yesterday' on March 31 HOT 10
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 relative-time-element.