There are 36 contents with this tag:
The Surprising Truth About Pixels and Accessibility: should I use pixels or rems?
Josh's attention to details in all his articles is awesome. Here, he's presenting evidences that the rem unit should be used for font sizes, media queries and sometimes other dimensions, step by step, with interactive playgrounds.
Why designers should move from px to rem - and how to do that in Figma
If you're a Web developer (as most of my readers), you already know that users DO change font size (in their browser preferences), so you make sure to use proportional dimension units (em, rem, %, etc.) instead of px everywhere you can.
Add punctuation to your alt text
To add a description to an image, author a string inside of an alt attribute declared on an img element. Assistive technology will recognize the presence of the alt attribute and read the string as it moves through the page or view.
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).
Font sizing with rem could be avoided
I don't really agree with the simple statement made in the title of this article, as sizing fonts with rem is sometimes useful to escape the default cascading sizing, but the most important part here IMHO is the following:
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.
Après avoir eu des retours plutôt nombreux et positifs suite à ma conférence à Paris Web 2013, j'ai retroussé mes manches pour proposer une version plus rédactionnelle, en essayant de retranscrire tout ce que j'ai dit mais pas mis dans mes slides, et même plus. Et j'ai la chance d'avoir vu ce très long article publié sur 24 Jours de Web, « le calendrier de l'avent des gens qui font le web d'après ».
Ma conférence à Paris Web 2013
Après y avoir assisté plusieurs années en tant qu'auditeur, j'ai eu la joie — le privilège — d'être sélectionné parmi les orateurs de l'édition 2013. Sélectionné qui plus est avec un sujet plutôt pointu, sur une bonne pratique que tout le monde devrait appliquer depuis plus de 10 ans, mais qui est très largement sous estimée.
Un petit pas pour l'em, un grand pas pour le Web
Voici le pitch de la conférence que j'ai proposé d'animer à Paris Web 2013.
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.
Josh W. Comeau
Christine Vallaure
Eric Bailey
Jeremy Keith
Terence Eden
Adrian Roselli
Marco Hengstenberg
Léonie Watson
Marcy Sutton
Sara Soueidan
Heydon Pickering
Florens Verschelde
Opquast
Harry Roberts