Contents tagged “accessibility”
There are 29 contents with this tag:
-
Accessible anchor links with Markdown-it and Eleventy
I like to be able to link directly to a section in a long content. I wish every site provided anchor links associated to headings, even if Text Fragments might be a cross browser thing sometimes in the future. Here's how I made the anchor links of my Eleventy based site accessible.
-
I feel sorry for anyone trying to get into the field of web performance. Not only are there complex browser behaviours to understand, there’s also a veritable alphabet soup of initialisms to memorise. Here’s a really good post on web performance by Harry, but notice how the initialisms multiply like tribbles as the post progresses until we’re talking about using CWV metrics like LCP, FID, and CLS—alongside TTFB and SI—to look at PLPs, PDPs, and SRPs. And fair play to Harry; he expands each initialism the first time he introduces it.
-
The unreasonable effectiveness of simple HTML
Are you developing public services? Or a system that people might access when they’re in desperate need of help? Plain HTML works. A small bit of simple CSS will make look decent. JavaScript is probably unnecessary – but can be used to progressively enhance stuff. Add alt text to images so people paying per MB can understand what the images are for (and, you know, accessibility).
-
I just added buttons to quickly access previous and next content on large viewports.
Now I wonder how to make them accessible, and how to show them on narrow viewports.
-
Improving Your Tweet Accessibility
Consider your audience. Consider making your tweets accessible. Now you can have a bigger audience.
-
Accessible SVG Icons with Inline Sprites
Standing on their own, icons can be misinterpreted […]. The most important issue though: they lack text. Text is the most accessible format for information on the web. Screen readers understand text best and the same applies to most assistive technology, such as translation apps and Braille displays. So, if we have anything on our web page that’s not text — like icons — we must add text that gives our users the same information. Otherwise we could exclude people from understanding our interfaces.
-
Text descriptions and emotion rich images
A good alt text can conjure up wonderfully stimulating mental images. A friendly smile is the same in print, photo or wax crayon. Whether you listen to an image or see it, the emotional response is the key factor, so why should we recommend that these emotion rich images should be given a null alt text and hidden from screen reader users?
-
Marie Manandise
Accessibility of Content Management Systems – what’s stopping us?
The funny thing was, no matter who we talked to or who we read from, the unanimous message was: “We care very much about accessibility”. And yet, none of the CMSs were accessible.
-
What we learned from user testing of accessible client-side routing techniques with Fable Tech Labs
There are multiple variations recommended in the industry for accessible, client-rendered page changes, yet very little user research on those methods. Therefore, we wanted to find out which techniques are the most ergonomic and intuitive to users with disabilities, and if any of the techniques presented barriers detracting from their browsing experience.
-
Inclusively Hiding & Styling Checkboxes and Radio Buttons
Sara shows us how to properly use SVG and CSS to design beautiful, engaging and accessible checkboxes and radio button in her new very detailed article, a must read.
-
Regardless of what accessibility conformance level you target, do not arbitrarily open links in a new window or tab. If you are required to do so anyway, inform users in text.
-
We have to stop confusing the excesses of capitalism with the hallmarks of quality. Sometimes Google aren’t better, they’re just more pervasive.
-
A short history of body copy sizes on the Web
A nice overview of the many variations body copy has seen since the Web exists.
-
Paint the Picture, Not the Frame: How Browsers Provide Everything Users Need
Eric describes the issues people can face while using browsers to navigate on the Web, with a lot of great accessibility hints.
-
The Web Quality Checklist is intended for all professionals who create websites. It is designed in a collaborative way by a community of Web professionals, led by the French company Opquast (Open Quality Standards).
-
If it's interactive, it needs a focus style
I love this really didactic talk about focus styles:
-
the language icon is an initiative started in 2008 to standardise the language selection icon, the idea and initial icon was designed by Onur Mustak Cobanli and this new icon has been designed in 2011 by Designer Farhat Datta
-
Evan Minto wrote a great article showing the Internet Archive has tested the actual root font-size set by their visitors, and the result shows a lot of people still change the default one: Pixels vs. Ems: Users DO Change Font Size.
-
Soignez votre lisibilité avec des textes de largeur maîtrisée
Afin d'assurer une présentation optimale du texte pour la lisibilité, il est nécessaire de définir un nombre optimal de caractères par ligne quelle que soit la taille du texte.
-
People don't change the default 16px font size in their browser (You wish!)
I am really happy to still read articles that advocate for the use of proportional CSS units as em and rem in 2016. But there are often trolls[1] that come comment these articles to say that we, who are using proportional units, are dumb, because there is no need for this. Here is an example.
-
J’ai soutenu le projet « A Blind Legend » sur Ulule dès que je l’ai découvert ! C’est un projet de jeu d’aventure pour mobile qui a la particularité de n’utiliser que des sons, aucune interface visuelle.
-
Le design de Gastero Prod est-il à jeter à la poubelle ?
Alarmé par certains commentaires faits sur Twitter par des personnes dont l'avis m'intéresse particulièrement[1], je me rends compte que ce que je considère comme un design original et plutôt réussi est peut-être en fait une horreur pour tous les visiteurs. Qu'en dites-vous ?
-
Un petit débat sur la compatibilité cross-browser dans l'état de l'art du développement de sites Web
Adrien « Voulf » Leygues lance un petit débat sur l'état de l'art du développement de sites Web focalisé sur la compatibilité cross-browser. Voici mon point de vue.
-
Comment faire un tag cloud (nuage de tags, ou d'étiquettes) accessible ?
Vous avez déjà sans doute vu sur un site un «nuage d'étiquettes» — tag cloud en anglais — représentant la liste des sujets abordés, en mettant en avant les sujets les plus courants par un effet de grossissement.
-
La fin du HTML pour les applications accessibles via le Web n'est pas pour tout de suite
Laurent Jouanneau part de sa réaction face à l'avènement de SVG et Canvas, annoncés par Tristan Nitot, pour dénoncer l'usage abusif qui est fait de HTML pour développer des applications alors qu'il est normalement dédié aux documents, d'autant plus que de nouvelles technologies plus orientées applications sont déjà disponibles, comme XUL / XPFE.
-
L'accessibilité, c'est aussi pour les handicapés
Quand on parle d'accessibilité, on a tendance à parler essentiellement des handicapés. Heureusement, Eric Daspect nous avait remis sur la bonne voie avec son article « oublions les handicapés » sur CYBERcodeur.net. Mais après tout, c'est quand même aussi pour eux qu'on parle d'accessibilité, ils ont des besoins particuliers, donc ne les oublions pas trop…
-
L'accessibilité, effet de mode ou réelle compréhension ?
L'interview de Lhorens Marie, Directeur Web et Technologies de Cosmosbay-Vectis par le Journal du Net est intéressante, puisqu'elle montre que l'accessibilité est enfin un sujet dont il est possible de parler dans les parutions « grand public ».
-
Gastero Prod 4, les standards et l'accessibilité
L'accessibilité devient petit à petit incontournable.
See all tags.