Comments (9)
Merged!
from a11y-guidelines.
Or “explode” the abbr meaning for the first occurrence in the page
Perhaps in a guideline site, a glossary’ll be better ?! don't know...
from a11y-guidelines.
Yes, expand first occurrence seems easier to set up, somehow.
Any other opinions?
from a11y-guidelines.
Both of them?
Expand the meaning of the first occurrence on any page (which is, as far as I know, the rule: have a look at the associated RGAA criteria) and add a glossary, common to the entire guidelines.
Glossary might help and interest some people, since it's a way to apprehend guidelines from a tech view and learn jargon quickly.
from a11y-guidelines.
Assigning it to myself, will see to it later.
from a11y-guidelines.
I created a new Branch: https://github.com/Orange-OpenSource/a11y-guidelines/tree/iss1
I had the choice between:
- linking to a new Glossary page
- expanding abbreviations on the spot.
I chose 2 as it was easier for a POC, we'll discuss it among us.
For debugging purposes, abbreviations and expanded texts are highlighted with an ugly colour 😉.
@Lausselloic and @SylvainBzh can you validate:
- Is the logic OK with you? Or would you like another behaviour?
- Is the code OK with you?
TODO (me, after Loic's and Sylvain's feedback):
- On Master: replace
<abbr>HTML</abbr>5
with<abbr>HTML5</abbr>
- Finish French version
- Remove debug line 210 "
// REMOVE THIS BEFORE MERGING
" - Full inventory of abbreviations
- remove
style='background:#99ffff'
😜
- Remove debug line 210 "
- English version
- Copy the code in
web_EN/theme/default/js/reco.js
- Change Glossary to fit English version (
span lang="fr"
etc.)
- Copy the code in
from a11y-guidelines.
After meeting this afternoon:
- Glossary added to bottom of page
- Each
abbr
is wrapped in ana
that links to the proper entry in the glossary.
@PigeardSylvain weird thing though, the glossary dl
looks out of #content
. I looked into the CSS but didn't find what's wrong.
from a11y-guidelines.
TODO @sdeschamps-orange : add a title attribute on all abbr tag that does not already have one.
from a11y-guidelines.
So? Merge iss1 with master and close this issue, anyone?
from a11y-guidelines.
Related Issues (20)
- Articles>masquage accessible : fix lacking image HOT 1
- Fr>web>designer/developer> couleurs-et-contraste: Fix wording HOT 1
- Fr>web>tester: Fix spelling
- Fr>Articles>masquage accessible : fix wording HOT 1
- Fr>web>audit-wcag: left navigation menu not showing HOT 1
- a11Y writting change HOT 1
- File path : './src/fr/persona/michel.njk'
- File path : './src/en/mobile/android/design/index.md'
- [Wording] Accéder au nom accessible via le navigateur HOT 1
- https://a11y-guidelines.orange.com/en/articles/captcha-accessibility/ HOT 3
- Images manquantes dans page navigation au clavier
- Hola quisiera cambiar el número para conectarme a monkey europa HOT 1
- No es posible conectarme al número de teléfono viejo HOT 1
- Add more SwiftUI samples HOT 1
- broken link on https://a11y-guidelines.orange.com/en/mobile/android/test/developers-testing/ HOT 1
- aria-label doit contenir l'intitulé visible - File path : './src/fr/articles/attributs-aria-qui-peuvent-vous-sauver.md' HOT 3
- (Err 4225) NÃO CONSIGO FAZER TRANSFERÊNCIA HOT 1
- Le menu de navigation ne suit pas le contenu principal
- File path : './src/fr/articles/veille-avril-mai-2024.md' HOT 1
- Ajouter le service Renovate pour mettre à jour ses dépendances.
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 a11y-guidelines.