222 private links
Projet: rendre cette bannière accessible !
#006fc6 (used on the smash magazine website, here as book titles)
If you want the text to be on dark background: #1499FF pass all AAA criteria about contrast.
On the contrary, #005A9E pass all the contrast on white background
I argued more and more about the utility for more than one skip link on some websites. Here a real use case example. This website has 3 skip links at the date of 2022-02-19 when you press tabs:
- Skip to main content
- Jump to all topics
- Jump to list of all articles
One point I find negative however: the last link "Jump to list of all articles" is redundant with the first link of the main menu, 2 tabs further. After thinking about it, this may be due to the versions for small displays that don't allow to navigate the menu with the keyboard o_0
I remember that in the case of this site, having two escape links seems quite practical:
- Skip to main content
- Jump to all topics → concerns the categories of articles on the site
Then by pressing tabs successively, we get to the main navigation.
So here is a site that demonstrates the usefulness of skip links with a nuanced example (2 examples of justified skip links, with another example of superfluous links).
- Sufficient contrast between foreground and background (Colour Palette Checker or Colour Contrast Analyser).
- Coding of information not exclusively through colours (e.g. icons)
- Interactive elements easy to identify as such
- Clear and consistent navigation
- Input fields are provided with clear meaningful labels
- The system provides easy-to-perceive feedback?
- Meaningful grouping of content through spacing and headings
- Typography works with (browser) scaling of font size?
- Alternatives for images and multimedia content (e.g. descriptive text) are offered
- Automatic playback or execution of content and action is avoided
- Headings and links are meaningful
- There are clear work instructions and assistance
Das ist einfach relevant und gut von dem Unternehme, eine erste Überblick über den Dienst inkl. Preisen zu haben.
À tester
240 rules to improve websites
and a start to improve the situation.
- Using vue props to congru accessibility, such as headline elements
- Use component reusability to make an accessibility feature once: a raw aria-live, vue announcer, and read more on the WAI-ARIA Authoring Practices https://github.com/w3c/aria-practices/issues
-View And Help Vue’s Accessibility Initiatives Grow and references are in the post- Learn From React Accessibility Leads
- Vue’s $refs Are Great For Focus Management
A list of evaluation tools recommended by the W3C-WAI.
Un exemple de site qui utilise des liens d'évitement visibles, et deux au lieu d'un: « aller au contenu », OK, mais aussi « aller à la navigation »
Latest standard of the year 2022
Un taux de conformité sur la base de RGAA est nécessaire d'après un decret de 2019.
Limitations entre le niveau de conformité et l'expérience utilisateur:
- Le RGAA évolue sur deux principes: la présence d'éléments "accessibles" et leurs pertinences.
- Un critère non conforme avec une seule erreur a exactement le même poids dans le calcul des taux que ce même critère non conforme avec une multitude d’erreurs
- À moins d’être à 100 %, sans aucune exemption ni dérogation, un taux de conformité ne peut pas révéler un niveau d’accessibilité pour l’utilisatrice ou l’utilisateur car il n’intègre aucune évaluation de criticité: un bouton login inaccessible aura un énorme impact ! Cette notion de « missions premières » d’un site n’est pas prise en compte dans le calcul de ses taux de conformité.
De plus:
- le niveau d'accessibilité est évalué à un instant T. Qu'en est-il après ?
- des environnements de tests sont utilisés: dernière version d'un navigateur + NVDA/JAWS/VoiceOVer. D'autres environnements sont utilisés par les utilisateurs, qui sont en dehors de la couverture de test
- la complexité intrinsèque du site peut rendre son utilisation complexe, et donc être moins accessible.
- les appelations « Accessibilité: totalement conforme » (100%), « Accessibilité : partiellement conforme » (50-99%), « Accessibilité : non conforme » (<50%) prennent une place prépondérante. On parle plus de score, pourcentage et points que de l'accessibilité concrète des personnes. L'objectif est bien souvent d'être alors partiellement conforme, ce qui représente une faible accessibilité en soi (cf:article).
Create and check the outline of a webpage.
EDIT: Since this extension is not maintained anymore, it could be useful to improve it, fix some bugs if there is some and make it even better :)
En se basant sur A11y Outline, tester et valider cette structure de manière reproductible.
Avoir une extension plus propre et claire :D
A great tool !
It finds the contrast automatically :)
Make it available for Linux !
A font for people with dislexia 👍